0ne製作的文字特效移動代碼

一、從右向左移代碼<marquee><div style="font-size: 60pt; filter: shadow(color=green, strength=120); width: 100%"><p><font face=華文彩雲 color=#fff000>需要移動的文字</font></p><p>&nbsp;</p></div></marquee>試例效果：從右向左移二、從左向右移代碼<marquee direction=right><div style="font-size: 60pt; filter: shadow(color=green, strength=120); width: 100%"><p><font face=華文彩雲 color=#fff000>需要移動的文字</font></p><p>&nbsp;</p></div></marquee>試例效果：從左向右移三、一圈一圈繞著移動代碼<marquee><div style="font-size: 80pt; filter: progid:DXImageTransform.Microsoft.engrave(bias=0.5); font-family: 華文行楷; height: 1px; background-color: red"><p align=center>需要移動的文字</p></div></marquee>試例效果：一圈一圈繞著移動四、只移動三次就停了代碼<marquee behavior=slide loop=3><div style="font-size: 80pt; filter: progid:DXImageTransform.Microsoft.emboss(bias=0.5); font-family: 華文行楷; height: 1px; background-color: red"><p align=center>需要移動的文字</p></div></marquee>試例效果：vior=slide loop=3> 只移動三次就停了五、移一步，停一停代碼<marquee scrollAmount=100 scrollDelay=500><div style="display: block; font-size: 80pt; filter: progid:DXImageTransform.Microsoft.wave(Strength=3); width: 150%; color:gold; font-family: impact; height: 1px"><p align=center><font color=#fff000><b></font>需要移動的文字</b></p></div></marquee>試例效果：移一步，停一停六、左右來回移動代碼<marquee behavior=alternate><div style="font-size: 60pt; filter: shadow(color=ff00ff, strength=20); width: 80%"><font face=華文彩雲 color=#ffffff>需要移動的文字</font></div></marquee>試例效果：左右移動七、移動遮罩代碼<marquee behavior=alternate><marquee direction=right width_=560><div style="font-size: 60pt; filter: shadow(color=lawngreen, strength=10); width: 580px"><font face=華文彩雲 color=inen>需要移動的文字</font></div></marquee></marquee>試例效果：移動遮罩八、從下向上移動代碼<marquee direction=up width_=436 height=200><div style="filter: shadow(color=#0000FF, strength=10); width: 520px"><font style="font-weight: normal; font-size: 40pt; line-height: normal; font-style: normal; font-variant: normal" face=華文彩雲 color=#FF9900>需要移動的文字</font></div></marquee>試例效果：從下向上移動九 、從上向下移動代碼<marquee direction=down height=200><div style="filter: shadow(color=#FF3333, strength=10); width: 520px"><font style="font-weight: normal; font-size: 40pt; line-height: normal; font-style: normal; font-variant: normal" face=華文彩雲 color=#FF0099>需要移動的文字</font></div></marquee>試例效果：從上向下移動十、垂直往複移動代碼<marquee direction=up behavior=alternate><div align="center"><span style="display: block; font-size: 60pt; filter: glow(color=red,strength=15); color: gold; height: 32px; text-align: center">需要移動的文字</span></div></marquee>試例效果：垂直往複移動十一、從左上向右下移動代碼<marquee direction=right><div align=center><marquee width_=100% direction=down><div style="font-size: 80pt; filter: shadow(color:gold, strength=20); width: 100%"><font face=華文彩雲 color=yellow>需要移動的文字</font></div></marquee>試例效果：從左上向右下移動十二、 從右上向左下移動代碼<marquee direction=left><div align=center><marquee width_=100% direction=down><div style="font-size: 80pt; filter: shadow(color:green, strength=20); width: 100%"><font face=華文彩雲 color=yellow>需要移動的文字</font></div></marquee>試例效果：從右上向左下移動十三、從左下向右上移動代碼<marquee direction=right><div align=center><marquee width_=100% direction=up><div style="font-size: 80pt; filter: shadow(color:blue, strength=20); width: 100%"><font face=華文彩雲 color=#33ffcc>需要移動的文字</font></div></marquee>試例效果：從左下向右上移動十四、從右下向左上移動代碼<marquee direction=left><div align=center><marquee width_=100% direction=up><div style="font-size: 80pt; filter: shadow(color:blue, strength=20); width: 100%"><font face=華文彩雲 color=#33ffcc>需要移動的文字</font></div></marquee>試例效果：從右下向左上移動十五、中間水平向左右移動代碼<p align=center> <marquee width_=48%"><div style="filter: shadow(color=#009999, strength=10); width: 480px"><font style="font-weight: normal; font-size: 50pt; line-height: normal; font-style: normal; font-variant: normal" face=華文彩雲 color=#00ff00>需要移動的文字</font></div></marquee><marquee width_=48% direction=right><div style="filter: shadow(color=#009999, strength=10); width: 480px"><font style="font-weight: normal; font-size: 50pt; line-height: normal; font-style: normal; font-variant: normal" face=華文彩雲 color=#00ff00>字文的動移要需</font></div></marquee></p>試例效果：中間向兩邊移動動移邊兩向間中十六、左右水平向中間移動代碼<p align=center> <marquee width_=48% direction=right><div style="filter: shadow(color=#FFFF00, strength=10); width: 480px"><font style="font-weight: normal; font-size: 50pt; line-height: normal; font-style: normal; font-variant: normal" face=華文彩雲 color=#ffffff>需要移動的文字</font></div></marquee><marquee width_=48% direction=left><div style="filter: shadow(color=#FFFF00, strength=10); width: 480px"><font style="font-weight: normal; font-size: 50pt; line-height: normal; font-style: normal; font-variant: normal" face=華文彩雲 color=#ffffff>字文的動移要需</font></div></marquee></p>試例效果：兩邊向中間移動動移間中向邊兩十七、左右水平向中間來回移動代碼<marquee behavior=alternate direction=left scrollAmount=3 width_=48%><font style="font-size:40pt;" face=華文彩雲 color=#00ff00>需要移動的文字<font face=webdings>4</font></marquee><marquee behavior=alternate direction=right scrollAmount=3 width_=48%><font style="font-size:40pt;" face=華文彩雲 color=#00ff00><font face=webdings>3</font>需要移動的文字</font></marquee>試例效果：兩邊向中間來回移動4 3動移回來間中向邊兩十八、從上下向中間移動代碼<center> <marquee scrollAmount=2 direction=down width_="80%" height=100> <table style="filter: glow(color=#00ccff,direction=1)"><font style="font-size: 60pt; font-family: 華文行楷" color=#00ff00>需要移動的文字</font> <tbody></tbody></table></marquee> <center> <marquee scrollAmount=2 direction=up width_="80%" height=100> <table style="filter: glow(color=#00ccff,direction=1)"><font style="font-size: 60pt; font-family: 華文行楷" color=#00ff00>需要移動的文字</font> <tbody></tbody></table></marquee></center></center>試例效果：向中間移動 向中間移動十九、從中間向上下移動代碼<center><marquee width_=80% direction=up scrollAmount=2 height=100><table style="filter: glow(color=#ff66cc,direction=1)"><font style="font-size:60pt; font-family: 華文行楷" color=#ff99ff>需要移動的文字</font></marquee><center><marquee width_=80% direction=down scrollAmount=2 height=100><table style="filter: glow(color=#ff66cc,direction=1)"><font style="font-size:60pt; font-family: 華文行楷" color=#ff99ff>需要移動的文字</font></marquee></center>試例效果：中間向上下 中間向上下二十、上下向中間來回移動代碼<marquee scrollAmount=2 direction=down behavior=alternate height=100><div align=center><font style="font-size:40pt;" face=華文彩雲 color=#00ff00>需要移動的文字</div></marquee><marquee scrollAmount=2 direction=up behavior=alternate height=100><div align=center><font style="font-size:40pt;" face=華文彩雲 color=#00ff00>需要移動的文字</div></marquee>試例效果：上下向中間來回移動上下向中間來回移動二十一、上下交替移動代碼<center><div style="font-size: 40pt; filter: glow(color: #FF00FF,strength=60); width: 1000px; color: #ffffff; line-height: 150%; font-family: 華文彩雲"><marquee direction=up behavior=alternate width_=120 height=320><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=320><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=320><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=320><center><b>字</b></center></marquee></div></center>試例效果：交 替 移 動二十二、移動後消失代碼<center><div style="font-size: 40pt; filter: glow(color:#00cc00,strength=60); width: 1000px; color: #ECF5FF; line-height: 150%; font-family: 華文彩雲"><marquee style="width:700px; height:320px" scrollAmount=5 direction=up><marquee direction=up behavior=alternate width_=100 height=320><center><b>需</b></center></marquee><marquee direction=up behavior=alternate width_=100 height=280><center><b>要</b></center></marquee><marquee direction=up behavior=alternate width_=100 height=320><center><b>移</b></center></marquee><marquee direction=up behavior=alternate width_=100 height=280><center><b>動</b></center></marquee><marquee direction=up behavior=alternate width_=100 height=320><center><b>的</b></center></marquee><marquee direction=up behavior=alternate width_=100 height=280><center><b>文</b></center></marquee><marquee direction=up behavior=alternate width_=100 height=320><center><b>字</b></center></marquee></marquee></div></center>試例效果：移 動 後 消 失二十三、波浪式移動代碼<marquee style="font-size:40pt; filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); font-family: 華文彩雲; height: 200px" scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnate width_=520><div align=center><font color=#FFFF00>需要移動的文字</font></div></marquee>試例效果：波浪式移動二十四、往複波浪式移動代碼<marquee direction="up" behavior="alternate" scrollamount=4 height="200"><marquee direction="right" scrollamount=3 behavior="alternate" width_=80%><font style="font-size: 40pt" face=華文新魏 color=#009999>需要移動的文字</font></marquee>試例效果：往複波浪式二十五、交替往複波浪式移動代碼<marquee direction="up" behavior="alternate" scrollamount=4 height="200"><marquee direction="right" scrollamount=3 behavior="alternate" width_=80%><font style="font-size: 28pt" face=華文行楷 color=red><marquee direction=up behavior=alternate width_=80 height=200>需</marquee><marquee direction=up behavior=alternate width_=80 height=150>要</marquee><marquee direction=up behavior=alternate width_=80 height=200>移</marquee><marquee direction=up behavior=alternate width_=80 height=150>動</marquee><marquee direction=up behavior=alternate width_=80 height=200>的</marquee><marquee direction=up behavior=alternate width_=80 height=150>文</marquee><marquee direction=up behavior=alternate width_=80 height=200>字</marquee></font></marquee>試例效果：交 替 往 復 波 浪 式二十六、S型移動代碼<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=200 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=50)"><font style="font-size: 60pt" face=黒體 color=gold><center>需要移動的文字</center></font></marquee>試例效果：S型移動二十七、 多層多式複合移動代碼<table> <tr><td width_="1" valign="top" > <marquee direction="up" behavior="alternate" scrollamount=1 height="300"> <marquee direction="right" scrollamount=8 behavior="alternate" width_="800"><font style="font-size: 40pt" face=華文行楷 color=0000ff>需要移動的文字</font></marquee> </marquee> </td> <td width_="800"> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height="300" width_="800" style="Text-align;filter:wave(add=1,phase=4, freq=1,strength=300)"><font style="font-size: 40pt" face=黒體 color=ffff00><center>需要移動的文字</center></font></marquee></td></tr></table>試例效果：彈珠式移動 S型、上下移動二十八、背景圖片文字豎排漸出移動代碼<table height=200 cellSpacing=0 bordercolorDark=#aab8ee cellPadding=0 width_=180 align=center bordercolorLight=#aab8ee background=http://image12.360doc.com/DownloadImg/2010/07/1403/4034347_4.jpg border=1><tbody><tr><td><div align=center><marquee scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width_=290 height=200><marquee style="line-height: 100%; writing-mode: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width_=290 height=200><p align=center><font style="font-size: 15pt; filter: width: 100%; color: #ff0000; line-height: 100%; font-family:華文新魏">需要移動的字文<br>.<br>.<br>.<br>·需·<br>·要·<br>·移·<br>·動·<br>·的·<br>·文·<br>·字·<br>.<br>.<br>.</p></marquee></marquee></div></td> </tr></tbody></table>試例效果：vior=slide loop=1 width_=290 height=200> 歷史的天空暗淡了刀光劍影遠去了鼓角錚鳴眼前飛揚著一個個鮮活的面容湮沒了黃塵古道荒蕪了烽火邊城歲月啊你帶不走那一串串熟悉的姓名興亡誰人定啊盛衰豈無憑啊一頁風雲散啊變幻了時空聚散皆是緣哪離合總關情啊擔當生前事啊何計身後評長江有意化作淚長江有情起歌聲歷史的天空閃爍幾顆星人間一股英雄氣在馳騁縱橫二十九、文字穿梭移動代碼<table style="filter: dropshadow(color=#af2dco, offx=3, offy=3, positive=1)"><font style="font-size:40pt;"face=華文行楷 color=#730404><marquee scrollAmount=2 width_=60 height=20>文&nbsp;&nbsp;&nbsp;&nbsp;文</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width_=60 height=20>字&nbsp;&nbsp;&nbsp;&nbsp;字</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width_=60 height=20>穿&nbsp;&nbsp;&nbsp;&nbsp;穿</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width_=60 height=20>梭&nbsp;&nbsp;&nbsp;&nbsp;梭</marquee></font></table>試例效果：文文 字字 穿穿 梭梭附註各主要參數的含義：align：是設定活動對象(圖片或文字)的位置。direction：用於設定活動對象的移動方向。behavior="scroll"表示由一端移動到另一端。behavior="alternate"表示在兩端之間來回移動。height：用於設定移動對象的高度。width：則設定移動對象的寬度。hspace:用於設定移動對象的左右邊框寬度。loop：用於設定移動的次數，不設置該值則為無限循環style="font-size: "用於設定文字大小。wline-htight: 用於設定文字行間距。font-family: 用於設定字體。color: 用於設定顏色。positive設置浮雕、陰影等對象的強度。top:設置偏移屬性。z-index:設置層疊定位屬性vspace：上下邊框的寬度。behavior="slide"表示由一端移動到另一端，且不再重複。scrollamount：用於設定活動對象的移動距離，數值大越移動越快。scrolldelay：用於設定移動兩次之間的延遲時間，數值越大越有跳躍感。<marquee>默認情況是向左移動無限次，字幕高度是文本高度,移動範圍:水平移動的寬度是當前位置的寬度，垂直移動的高度是當前位置的高度博客製作、分割線、文字、FHASL集錦裝飾用的fhasl集錦精品字體集萃美麗的分隔線 漂亮的Flash時鐘漂亮的Flash時鐘二簡單表格的製做經典漂亮的播放器顏色代碼表各種跳動的字代碼色彩藝術字代碼14款GIF製作軟體博客製作工具大全花邊、隔線【一】花邊、隔線【二】教您安裝音樂播放器透明Fhasl素材【1】透明Fhasl素材【2】透明Fhasl素材【3】掛式捲軸日誌邊框博客音畫常用代碼集錦漂亮的分隔線浪漫的日記插圖邊框背景素材【一】如何裝扮博客之家【一】如何裝扮博客之家【二】古典背景素材【二】 人物小動漫如何提高博客點擊率網上各類查尋一點通背景素材【三】 電腦基礎入門博客豎排移動文字技巧及代碼
推薦閱讀：