日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

動態(tài)文字特效代碼

 仰望真理 2015-08-06
金鑰匙〖動態(tài)文字特效代碼〗

 

 

☆動態(tài)文字特效代碼 - 學 海 - XVE HAI BLOG歡迎你!☆ 沒能一一回訪,請諒解! 記得留言哦!☆ 

 

文字的動態(tài)特效處理與圖片類似,都是 <marquee>這個參數(shù)在起作用。給<marquee>加上合適的屬性,就能使文字產(chǎn)生各種動態(tài)效果,從而給人帶來美的享受。

 

        一、文字單向直線滾動
 
(一)代碼格式 
 <DIV align=center>
<MARQUEE style="FONT-SIZE: 文字大小pt; WIDTH: 顯示窗口寬度px; LINE-HEIGHT: 文字行間距pt; FONT-FAMILY: 字體; HEIGHT: 顯示窗口高度px" scrollAmount=滾動速度值 direction=文字移動方向>
<P align=center><FONT color=文字顏色代碼><B>文字內(nèi)容</B> </FONT></P></MARQUEE></DIV>
        說明:文字滾動方向 direction= left 或right 或up 或down,分別表示向左(默認可省略)、向右、向上、向
 
 
(二)效果示例
 
 
1、示例一文字左移本例代碼
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; WIDTH: 400px; FILTER: shadow(color=#AF0530); LINE-HEIGHT: 15pt; FONT-FAMILY: 隸書; HEIGHT: 80px" scrollAmount=6>
<P align=center><FONT color=#f90b46>金鑰匙歡迎您 </FONT></P></MARQUEE></DIV>
.

金鑰匙歡迎您

 
2、示例二—文字右移本例代碼 
 <P align=center>
<MARQUEE style="FONT-SIZE: 30pt; WIDTH: 500px; LINE-HEIGHT: 15pt; FONT-FAMILY: 楷體_gb2312; HEIGHT: 60px" scrollAmount=6 direction=right>
<P align=center><FONT color=#FF9224><B>金鑰匙歡迎您</B></FONT></P></MARQUEE></P>
 
.

金鑰匙歡迎您

 
3、示例三—文字上移本例代碼
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 華文彩云; HEIGHT: 120px" scrollAmount=3 direction=up>
<P align=center><FONT color=#B766AD><B>金鑰匙歡迎您</B></FONT></P></MARQUEE></DIV>
  
 .

金鑰匙歡迎您

本例代碼 
<CENTER>
<MARQUEE scrollAmount=3 direction=up height=60>
<CENTER><FONT face=華文彩云 color=#ff0000 size=6><B>踏破鐵鞋無覓處</B></FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=3 direction=up height=60>
<CENTER><FONT face=華文彩云 color=#ff0000 size=6><B>得來全不費功夫</B></FONT></CENTER></B></MARQUEE></CENTER></CENTER>
 
.
踏破鐵鞋無覓處
得來全不費功夫
4、示例四—文字下移本例代碼

<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; WIDTH: 400px; FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); LINE-HEIGHT: 15pt; FONT-FAMILY: 華文新魏; HEIGHT: 120px" scrollAmount=3 direction=down>
<P align=center><FONT color=#008040><B>金鑰匙歡迎您</B></FONT></P></MARQUEE></DIV>
 
 .

金鑰匙歡迎您

本例代碼
<CENTER>
<MARQUEE scrollAmount=3 direction=down height=60>
<CENTER><FONT face=華文彩云 color=#ff9224 size=6><B>踏破鐵鞋無覓處</B></FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=3 direction=down height=60>
<CENTER><FONT face=華文彩云 color=#ff9224 size=6><B>得來全不費功夫</B></FONT></CENTER></B></MARQUEE></CENTER></CENTER>
 
踏破鐵鞋無覓處
得來全不費功夫
二、文字傾斜滾動
  
        (一)代碼格式
<DIV align=center>
<MARQUEE style="FONT-SIZE: 文字大小pt; WIDTH: 顯示窗口寬度px; LINE-HEIGHT: 文字行間距pt; FONT-FAMILY: 字體; HEIGHT: 顯示窗口高度px" scrollAmount=滾動速度值 direction=D1>
<DIV align=center>
<MARQUEE scrollAmount=滾動速度值 direction=D2><FONT color=文字顏色代碼>文字內(nèi)容</FONT></MARQUEE></DIV></MARQUEE></DIV>
        說明:direction=D1=left 或right,direction=D2=up 或down。
 (二)效果示例

 


        1、示例一文字自左上向右下滾動本例代碼

<DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; WIDTH: 400px; FILTER: shadow(color=#333366,direction=240); LINE-HEIGHT: 15pt; FONT-FAMILY: 黑體; HEIGHT: 200px" scrollAmount=5 direction=right>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=down><FONT color=#3333ff><B>金鑰匙歡迎您</B></FONT></MARQUEE></DIV></MARQUEE></DIV>
  
.

金鑰匙歡迎您
 2、示例二—文字自右上向左下滾動本例代碼

<DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 華文行楷; HEIGHT: 200px" scrollAmount=5>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=down><FONT color=#ff0000><B>金鑰匙歡迎您</B></FONT></MARQUEE></DIV></MARQUEE></DIV>
  
.
金鑰匙歡迎您
  3、示例三—文字自左下向右上滾動本例代碼
<DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; WIDTH: 400px; FILTER: glow(strength=1) mask(color=#ff0033) chroma(color=#ff0033); LINE-HEIGHT: 15pt; FONT-FAMILY: 華文新魏; HEIGHT: 200px" scrollAmount=5 direction=right>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=up><FONT color=#ff0000><B>金鑰匙歡迎您</B></FONT></MARQUEE></DIV></MARQUEE></DIV>  
.
金鑰匙歡迎您

4、示例四—文字自右下向左上滾動本例代碼
 <DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: mask(color=#a09261) shadow(color=#000000,direction=135) chroma(color=#a09261); WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 華文新魏; HEIGHT: 200px" scrollAmount=5>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=up><FONT color=#ff0000><B>金鑰匙歡迎您</B></FONT></MARQUEE></DIV></MARQUEE></DIV> 
.
金鑰匙歡迎您

三、文字反相滾動
 
 
 (一)代碼格式
<P align=center>
<MARQUEE  style="FONT-SIZE: 文字大小pt; WIDTH: 顯示窗口寬度px; LINE-HEIGHT: 文字行間距pt; FONT-FAMILY: 字體; HEIGHT: 顯示窗口高度px" scrollAmount=文字滾動速度 direction=文字滾動方向1>
<FONT color=文字顏色代碼>
文字內(nèi)容
</FONT>
</MARQUEE>
<MARQUEE  style="FONT-SIZE: 文字大小pt; WIDTH: 顯示窗口寬度px; LINE-HEIGHT: 文字行間距pt; FONT-FAMILY: 字體; HEIGHT: 顯示窗口高度px" scrollAmount=文字滾動速度 direction=文字滾動方向2>
<FONT color=文字顏色代碼>
文字內(nèi)容
</FONT></MARQUEE>
</P>
        說明:1、關于direction:文字滾動方向1與文字滾動方向2始終為反相。
        2、當水平反相滾動時,width之值為顯示窗口寬度的1/2;當垂直反相滾動時,height之值為顯示窗口高度的1/2。
 
 
 (二)文字水平反相滾動

 


        1、示例一文字自中間向左右兩邊滾動本例代碼
<P align=center>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 200px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隸書; HEIGHT: 60px" scrollAmount=5><FONT color=#0000ff>金鑰匙歡迎您</FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 200px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隸書; HEIGHT: 60px" scrollAmount=5 direction=right><FONT color=#0000ff>您迎歡匙鑰金</FONT></MARQUEE></P>
  
 .

金鑰匙歡迎您 您迎歡匙鑰金

2、示例二—文字自左右兩邊向中間滾動本例代碼

<P align=center>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 200px; LINE-HEIGHT: 15pt; FONT-FAMILY: 華文彩云; HEIGHT: 60px" scrollAmount=3 direction=right><FONT color=#e4dc9b>您迎歡匙鑰金</FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 200px; LINE-HEIGHT: 15pt; FONT-FAMILY: 華文彩云; HEIGHT: 60px" scrollAmount=3><FONT color=#e4dc9b>金鑰匙歡迎您</FONT></MARQUEE></P>
 
.

您迎歡匙鑰金 金鑰匙歡迎您

(三)文字垂直反相滾動

        1、示例一文字自中間向上下滾動本例代碼

<P align=center>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 黑體; HEIGHT: 50px" scrollAmount=2 direction=up align=center><FONT color=#0000ff>菜鳥玩博也瀟灑</FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 380px; LINE-HEIGHT: 15pt; FONT-FAMILY: 黑體; HEIGHT: 50px" scrollAmount=2 direction=down><TABLE style="FILTER: FlipV" align=center><FONT color=#0096ff>菜鳥玩博也瀟灑</FONT><TBODY></TBODY></TABLE></MARQUEE>  
.

菜鳥玩博也瀟灑 菜鳥玩博也瀟灑

 2、示例二—文字自上下向中間滾動本例代碼
<P align=center>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隸書; HEIGHT: 40px" scrollAmount=2 direction=down><FONT color=#0000ff>菜鳥玩博也瀟灑</FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隸書; HEIGHT: 40px" scrollAmount=2 direction=up><FONT color=#0000ff>菜鳥玩博也瀟灑</FONT></MARQUEE></P>
  
.

菜鳥玩博也瀟灑 菜鳥玩博也瀟灑

 
四、文字往復滾動
 (一)代碼格式
        
<DIV align=center>
<MARQUEE style="FONT-SIZE: 文字大小pt; WIDTH: 顯示窗口寬度px; LINE-HEIGHT: 文字行間距pt; FONT-FAMILY: 字體; HEIGHT: 顯示窗口高度px" scrollAmount=文字滾動速度 behavior=alternate  direction=D>
<P align=center><FONT color=文字顏色代碼>文字內(nèi)容</FONT></P></MARQUEE>
</DIV>
        說明:水平往復滾動(擺動)時,direction=D=left 或可缺??;垂直往復滾動(振動)時,direction=D=up。
 
 
(二)效果示例
1、示例一——文字水平往復滾動(擺動)

<DIV align=center>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: glow(color=#ff0000<br>,strength=6); WIDTH: 600px; LINE-HEIGHT: 15pt; FONT-FAMILY: 華文行楷; HEIGHT: 80px" scrollAmount=10 direction=right behavior=alternate>
<P align=center><FONT color=#ffff00>金鑰匙歡迎您</FONT></P></MARQUEE></DIV>
.

金鑰匙歡迎您

 
 
 2、示例二——文字垂直往復滾動(振動)
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隸書; HEIGHT: 180px" scrollAmount=10 direction=up behavior=alternate>
<P align=center><FONT color=#1e90ff>金鑰匙歡迎您</FONT></P></MARQUEE></DIV>
 
.

金鑰匙歡迎您

 
 
 
 3、示例三——文字交替跳躍
<CENTER><DIV style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 500px; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>但</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>愿</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>人</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>長</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>久</B></CENTER></MARQUEE></MARQUEE></DIV></CENTER>
.

 
 4、示例四——帶漂亮的模糊背景文字交替跳躍

<CENTER>
<DIV style="FONT-SIZE: 40pt; FILTER: glow(color: #00cc00,strength=60); WIDTH: 650px; COLOR: #ECF5FF; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>千</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=210>
<CENTER><B>里</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>共</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=210>
<CENTER><B>嬋</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>娟</B></CENTER></MARQUEE></DIV></CENTER>
 
  .
 
 
 
5、示例五——文字交替跳躍消失
<P align=center>
<MARQUEE style="WIDTH: 500px; HEIGHT: 300px" scrollAmount=8 direction=up>
<CENTER>
<DIV style="FONT-SIZE: 40pt; FILTER: glow(color=BLUE,strength=50); WIDTH: 100%; COLOR: yellow; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>菜</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=220>
<CENTER><B>鳥</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>玩</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=220>
<CENTER><B>博</B></CENTER></MARQUEE></DIV></CENTER></MARQUEE></P>
.

五、文字波浪式滾動
 (一)文字單向波浪式滾動
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); FONT-FAMILY: 華文新魏; HEIGHT: 180px" scrollAmount=5 direction=up behavior=alternate>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460>
<DIV align=center><FONT color=#ff0033><B>金鑰匙歡迎您</B></FONT></DIV></MARQUEE></DIV></MARQUEE></DIV>
 
.
金鑰匙歡迎您
 
 
 (二)文字往復波浪式滾動
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); FONT-FAMILY: 隸書; HEIGHT: 250px" scrollAmount=5 direction=up behavior=alternate>
<DIV align=center>
<MARQUEE scrollAmount=5 behavior=alternate width=600>
<DIV align=center><FONT color=#ff0033><B>菜鳥玩博也瀟灑</B></FONT></DIV></MARQUEE></DIV></MARQUEE></DIV>
.
菜鳥玩博也瀟灑
(三)文字交替式游蕩

<MARQUEE style="FONT-SIZE: 35pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); FONT-FAMILY: 華文行楷; HEIGHT: 250px" scrollAmount=8 direction=right behavior=alternate><STRONG><FONT color=#aaaaff>
<MARQUEE direction=up behavior=alternate width=50 height=200 align="middle">平</MARQUEE><FONT color=#ff0000>
<MARQUEE direction=up behavior=alternate width=50 height=150>安</MARQUEE><FONT color=#ffff37>
<MARQUEE direction=up behavior=alternate width=50 height=200>如</MARQUEE><FONT color=#ff00ff>
<MARQUEE direction=up behavior=alternate width=50 height=150>意</MARQUEE><FONT color=#ff8000>
<MARQUEE direction=up behavior=alternate width=50 height=200>就</MARQUEE><FONT color=#00ff00>
<MARQUEE direction=up behavior=alternate width=50 height=150>是</MARQUEE><FONT color=#00ffff>
<MARQUEE direction=up behavior=alternate width=50 height=200>最</MARQUEE><FONT color=#ffff37>
<MARQUEE direction=up behavior=alternate width=50 height=150>好</MARQUEE><FONT color=#ff44ff>
<MARQUEE direction=up behavior=alternate width=50 height=200>啦</MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></STRONG></MARQUEE>
.


 
(四)文字在圖片中游蕩效果
<TABLE style="WIDTH: 650px; HEIGHT: 139px" borderColor=#00fa9a height=139 width=650 align=center background=http://image87.360doc.com/DownloadImg/2015/08/0614/56826479_1.jpg border=3>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=130>
<MARQUEE scrollAmount=3 behavior=alternate width=620><IMG src="
http://img.photo.163.com/cmstqVffIaAWrp0svC7Msg==/147774362774718602.gif">
<FONT face=華文行楷 color=#800080 size=6><B><FONT face=楷體_GB2312 color=#00ffff>金鑰匙歡迎您</FONT>
<IMG src="
http://img.photo.163.com/QVaf6xvlEjtvFHXktDTIzQ==/147774362774718604.gif"></B></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>  
  .
〖動態(tài)文字特效代碼〗 - 金鑰匙 - 金鑰匙∷博客 金鑰匙歡迎您 〖動態(tài)文字特效代碼〗 - 金鑰匙 - 金鑰匙∷博客
 
 
 

 附  注

        1、各主要參數(shù)的含義:
        align:是設定活動對象(圖片或文字)的位置;
        direction:用于設定活動對象的滾動方向是向左、向右、向上、向下;
        Behavior:用于設定滾動的方式,主要由三種方式:behavior="scroll"表示由一端滾動到另一端;behavior="slide" 表示由一端滑動到另一端,且不再重復;behavior="alternate"表示在兩端之間來回滾動。
        Height:用于設定滾動對象的高度;
        Width:則設定滾動對象的寬度;
        Hspace和vspace:分別用于設定滾動對象的左右邊框和上下邊框的寬度;
        Scrollamount:用于設定活動對象的滾動距離;數(shù)值越大滾動越快;
        scrolldelay:用于設定滾動兩次之間的延遲時間,數(shù)值越大越有跳躍感;
        Loop:用于設定滾動的次數(shù),不設置該值則為無限循環(huán);
        <marquee>標記的默認情況是向左滾動無限次,字幕高度是文本高度,滾動范圍:水平滾動的寬度是當前位置的寬度;垂直滾動的高度是當前位置的高度。
        2、代碼使用方法:
        (1)放于博客主頁:在編輯狀態(tài)下,依次進入“裝扮博客”、“設置首頁內(nèi)容”,選擇“添加自定義模塊”,將代碼粘貼到模塊中,合理設置后再保存即可。
        (2)放于日志中:在編輯狀態(tài)下,進入寫日志或編輯原有日志,依次點擊“全部功能”、“<>”按鈕,進入HTML代碼編輯狀態(tài),將相關代碼粘貼到合適位置,合理設置后再保存即可。

 
 
 

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約