| 可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題 | 上一主題 | 下一主題 |

     
14 X [ 查看 [Thank You!] 名單 ]
標題: [關閉主題] [教學] 文字特效+常用播放器,
 
mqh101 (mqh101)
UID 312631
等級 090城市大佬
職業

總分 392
積分 324
金幣 13564
貼子 13413
支持 4590
狀態 離線

閱讀權限 90
註冊日期 2005-12-19
上次訪問 2016-10-04
最後發表 2016-09-29
查看資料 發短訊息 Blog 頂部
NO:1 2008-04-08 23:58 [ 放大字體 ] [ 總評: +5 ]

[教學] 文字特效+常用播放器


欢迎光临音画时尚版

<FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷" size=6>欢迎光临音画时尚版</FONT> <DIV></DIV><BR><BR></DIV>
欢迎光临音画时尚版
<FONT style="FONT-SIZE:35pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>欢迎光临音画时尚版</B></FONT>
欢迎光临音画时尚版

<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>欢迎光临音画时尚版</B></FONT></CENTER><BR>

欢迎光临音画时尚版

<CENTER><FONT style="FONT-SIZE: 35pt; FILTER: glow(color=#CC33AE); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><P><B>欢迎光临音画时尚版</P></FONT></CENTER></B><CENTER></CENTER>

欢迎光临音画时尚版


<TABLE align=center background=http://sucai.heima.com/sucai/news/dtxt/29.gif border=0><BR><BR><BR><BR><TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 35pt" face=华文行楷 color=#336699><B>欢迎光临音画时尚版</B></FONT></TD></TR></TBODY></TABLE><BR><BR></CENTER>
欢迎光临音画时尚版
<FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=FF0033); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎光临音画时尚版</B></FONT>
欢迎光临音画时尚版
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎光临音画时尚版</B></FONT>
欢迎光临音画时尚版
<FONT style="FONT-SIZE:40pt;filter:glow(color=gray,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>欢迎光临音画时尚版</B></FONT>

欢迎光临音画时尚版
<DIV align=center>
<DIV style="FILTER: glow(color=#c299ff, strength=30); WIDTH: 650px"><FONT face=隶书 color=#8a2be2 size=6><B><BR>欢迎光临音画时尚版</FONT></B> </DIV>
欢迎光临音画时尚版
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>欢迎光临音画时尚版</B></FONT>

欢迎光临音画时尚版欢迎光临音画时尚版

<CENTER><FONT face=华文彩云 color=#ee110e size=7><MARQUEE width=200 height=50>欢迎光临音画时尚版</FONT></MARQUEE><FONT face=华文彩云 color=#ee1111 size=7><MARQUEE direction=right width=200 height=50><欢迎光临音画时尚版</FONT> </MARQUEE></FONT></FONT></CENTER>
欢迎光临音画时尚版

<MARQUEE direction=up> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://znrs.2000y.net/UploadFile/2004-5/2004510115258900.jpg><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=red><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文行楷 color=#336699>欢迎光临音画时尚版</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE><P></FONT></P>
欢迎光临音画时尚版
<FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎光临音画时尚版</B></FONT>

欢迎光临音画时尚版

<TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://www.dabaoku.com/gif/168/gif074.gif><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgcolor=#FCF3F4><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文新魏 color=#336699><b>欢迎光临音画时尚版</b></FONT></TD></TR></TABLE></TD></TR></TABLE>
欢迎光临音画时尚版
欢迎光临音画时尚版

<CENTER><MARQUEE scrollAmount=2 direction=down height=60><CENTER><FONT face=华文彩云 color=#da70d6 size=7><B>欢迎光临音画时尚版</FONT></CENTER></B></MARQUEE><CENTER><MARQUEE scrollAmount=2 direction=up height=60><CENTER><FONT face=华文彩云 color=#da70d6 size=7><B>欢迎光临音画时尚版</FONT></CENTER></B></MARQUEE></CENTER><DIV></DIV><P></P></CENTER>




HTML帖制作常用代码


表格与文字

表格部分
width= 表格宽度,接受绝对值(如 500)及相对值(如 80%)。

border= 表格边框的厚度。

cellspacing= 表格格线的厚度

cellPadding=  表格格线内厚度

align= 表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center

valign= 表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。

background= 表格的背景图片,与 bgcolor 不要同用。

bgcolor= 表格的底色,与 background 不要同用

bordercolor= 表格边框颜色

bordercolorlight= 表格边框向光部分的颜色

bordercolordark= 表格边框背光部分的颜色
注:(使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效)
cellSpacing= 是调节背景的宽度
border= 是调节背景的厚度


文字部分
size= 文字大小
color= 文字颜色

FONT face= 文字字体

文字特效

direction=left 向左移动
direction=right 向右移动
behavior=scroll 一圈一圈绕着走
behavior=slide 只走一次
behavior=alternate 来回走
scrollamount= 控制移动的速度,数字越大速度越快
width=300 控制移动范围(宽度)
height=40 控制移动范围(高度)
scrolldelay=500 停停走走
direction=up 向上
direction=down 向下

示例与代码
音畫時尚版

音畫時尚版
音畫時尚版

音畫時尚版

音畫時尚版版尚時畫音


备注:相关参数在使用中根据需要灵活调整






[ 本貼最後由 cctv00000 於 2012-08-01 02:04 編輯 ]

share UID 965275

Bruce Lee

等級 130城主助理
職業

總分 6727
積分 6699
金幣 5696
貼子 5327
支持 523
狀態 離線

閱讀權限 130
註冊日期 2007-11-04
上次訪問 2019-09-21
最後發表 2019-09-21
查看資料 發短訊息 Blog 頂部
NO:2 2008-04-09 00:01 [ 放大字體 ]

借个地方~前面的M大已经介绍很多了
下面我也介绍几种滚动字体的代码。有兴趣的自己测试~
1.阴影滚动字~循环滚动:

欢迎来到音畫時尚版
效果:
欢迎来到音畫時尚版
代码:


2波浪滚动字来回移动:

欢迎来到音畫時尚版

循环滚动:
代码:


3重叠文字滚动

代码:


4竖排文字滚动
代码:


本页代码基本综合属性分析:


color=66FF33 颜色代码 可参见颜色代码大全更改颜色

size=2 字体大小代码 更改数值改变字体大小

FONT-SIZE: 30pt 字体大小代码 更改数值改变字体大小

FONT-FAMILY: 华文行楷 字体代码 改变字体描述更改字体

scrollamount=3: 移动速度代码 可改变数值来控制文字的滚动速度

behavior="alternate": 来回移动代码

marquee direction=移动方向

可选值为向上(up) 向下(down) 向左(left) 向右(right)
behavior=scroll 一圈一圈绕着走 
behavior=slide 只走一次

behavior=alternate 来回走
插入文字 停停走走


投影效果:


图片嵌入文字:


七彩文字代码:效果

要写的文字

代码:


雕塑凹字体:


在图片上飘动的文字效果~






图片上的文字


代码


说明:(也可做图中飘图)
width=为浮动文字框架的宽度;
height=为浮动文字框架的高度;
color=red表示文字颜色(颜色可改)size=字体的大小

图片上加文字的代码


彩色闪闪字代码(,向上滚动)




 


致橡树




我如果爱你——/绝不学攀援的凌霄花,/借你的高枝炫耀自己; /我如果爱你——/绝不学痴情的鸟儿,/为绿荫重复单调的歌曲; /也不止象泉源/常年送来清凉的慰籍;/也不止象险峰, /增加你的高度,/衬托你的威仪。/甚至日光/甚至春雨 /不,这些都还不够/我必须是你近旁的一株木棉, /作为树的形象和你站在一起。/根,相握在地下; /叶,相触在云里。/每一阵风吹过,我们都互相致意, /但没有人/听懂我们的言语/你有你的铜枝铁干, /象刀象剑也象戟;/我有我红硕的花朵,/象沉重的叹息, /又象英勇的火炬/我们分担寒潮风雷霹雳; /我们共享雾霭流岚虹霓;/仿佛永远分离,却又终身相依 /这才是伟大的爱情,/坚贞就在这里/爱/不仅爱你伟岸的身躯, /也爱你坚持的位置,/足下的土地。


代码:




[ 本貼最後由 极度 於 2008-07-11 20:27 編輯 ]

jmepp UID 739585
等級 120城主祕書
職業

總分 5063
積分 5034
金幣 5725
貼子 2977
支持 2519
狀態 離線

閱讀權限 120
註冊日期 2006-12-16
上次訪問 2014-06-19
最後發表 2012-05-15
查看資料 發短訊息 Blog 頂部
NO:3 2009-09-09 23:59 [ 放大字體 ]





入门:图片移动特效详说


 图片移动特效可用于HTML文的各种场合。但过多使用容易造成画面紊乱,阅读疲劳,建议适可而止。另外,图片部分替换成文字内容即可实现文字移动特效。






1.基本用法(缺省值)






代码如下










2.移动速度(scrollamount)的控制





代码如下









3.改变移动的方向(direction)
left:右->左(缺省值,见1,2),right:左->右,down:上->下,up:下->上。






代码如下








代码如下








代码如下









4.移动方式(behavior)
scroll:滚动方式(缺省值,见1,2),slide:移动到端线停止,alternate:往复移动。(*改变LOOP值可以控制重复次数)






代码如下








代码如下









5.跳跃式特效(scrolldelay)






代码如下








6.嵌套移动方式





代码如下








7.百叶窗方式















代码如下










代码如下








8.分割,合并











代码如下








代码如下







9.特别奉献:光标控制滚动





代码如下







10.其他
底色(bgcolor),范围(width,height)





代码如下









[ 本貼最後由 cctv00000 於 2012-04-30 15:08 編輯 ]

cctv00000 UID 1010529
等級 190 版主
職業

總分 7089
積分 7031
金幣 11657
貼子 2709
支持 917
狀態 離線

閱讀權限 190
註冊日期 2008-04-01
上次訪問 2019-09-18
最後發表 2019-09-18
查看資料 發短訊息 Blog 頂部
NO:4 2012-08-01 02:02 [ 放大字體 ]

播放器和特殊外观效果



黄色的播放器



代码:


蓝色的播放器



代码:


粉色花边的播放器



代码:


红色的播放器



代码:


加了前景图片的播放器



代码:


特殊效果播放器:



代码:




代码:




代码:




代码:





音视频播放

1.RM格式音乐播放器

2.MP3和WMA格式

width=300 播放器的长度(数字可以随意调节)
height=50 播放器的高度(数值可以随意调节)
width="0" height="0" 表示隐藏播放
type=audio/mpeg 播放器支持的文件类型
volume="0" 设定音量大小,默认为系统本身的音量, 数值大小选择只能控制在0--100之间
autostart="false" 是否自动播放,true自动播放,false手动播放
loop="-1" 表示循环播放 可设置播放次数,用具体数字代替即可
controls="ControlPanel" 这个控制选项可省略

3.视频文件的插入方法也和上面所说的一样

代码

AUTOSTART="TRUE / FALSE"
true自动播放音乐。 TRUE 是要 
FALSE 手动播放
LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放,LOOP=2 表示重复两次,若要无限次重复可用 LOOP="TRUE" 
WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度 
CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子,预设值是 CONSOLE 

  CONSOLE 一般正常的面板
  SMALLCONSOLE 较小的面板
  PLAYBUTTON 只显示播放按钮
  PAUSEBUTTON 只显示暂停按钮
  STOPBUTTON 只显示停止按钮


几款播放器代码








最后一个播放器就是现在屏幕上飞的,下边的是代码 其中:(color:white,direction:145,strength:20)阴影色为白色,145度角,阴影厚度为20 style="LEFT: 200px; POSITION: absolute; TOP: 100px"(从左边距200,顶距100开始)width=500 height=600(飞行范围在宽500,高600的矩形中)



二、加入透明Flash

代码

width="" 为flash的宽,height="" 为 flas的高,left: 为从左向右移的位置,top: 为从上向下移的位置




RM视频设置

第一组的代码宽度和高度是针对于播放栏的;
第二组的代码宽度和高度是针对于状态栏的;
我们要做的就是调整好整个播放器 的宽度,然后单独对两个栏的高度进行设置,
如播放栏的高度和宽度为
500,400
状态栏设置为
500,50
下面是RM播放器带视频状态的代码



带图象效果的音乐播放器:




width=400 height=220
为宽度和高度数值

播放器效果代码:









[ 本貼最後由 cctv00000 於 2012-08-01 02:11 編輯 ]

     



Powered by UNetBoard 4.9.12 RTM © 2000-2006. Design & Mend by AndyGod. (Kernel by Discuz!)
處理需時 0.032429 秒, 查詢 6 次 , Gzip 壓縮 ( Cookies 錯誤解決方法 )
所有時間為 GMT+8, 現在時間是 2019-09-21 13:20 繁體中文 - 清除 Cookies - 聯繫我們 - 18P2P-Forum - 純文字版