經(jīng)典背景插畫經(jīng)典朗誦.風(fēng)葉戀文字各種移動代碼
【網(wǎng)絡(luò)電腦】 2009-09-24 16:27:38 閱讀3146 評論11 字號:大中小
文字各種移動代碼
有里這套代碼,你想讓你的文字怎么動都可以~
一、從右向左移
代碼
<marquee direction=left>需要移動的文字</marquee>
試例效果:
從右向左移
二、從左向右移
代碼
<marquee direction=right>需要移動的文字</marquee>
試例效果:
從左向右移
三、一圈一圈繞著移動
代碼
<marquee behavior=scroll>需要移動的文字</marquee>
試例效果:
一圈一圈繞著移動
四、只移動三次就停了
代碼
<MARQUEE loop=3 beha vior="slide">只移動三次就停了</MARQUEE>
試例效果:
只移動三次就停了
五、移一步,停一停
代碼
<marquee scrolldelay=500 scrollamount=100>需要移動的文字</marquee>
試例效果:
移一步,停一停
六、左右來回移動
代碼
<MARQUEE beha><WBR>需要移動的文字</MARQUEE>
試例效果:
香兒歡迎你
左右來回移動
七、忽隱忽現(xiàn)移動
代碼
<MARQUEE direction=right width=150>忽隱忽現(xiàn)移動 香兒歡迎你</MARQUEE>
試例效果:
忽隱忽現(xiàn)移動 香兒歡迎你
八、從下向上移動
代碼
<marquee direction=up><div align="center">需要移動的文字</div></marquee>
試例效果:
從下向上移動
九 、從上向下移動
代碼
<marquee direction=down><div align="center">需要移動的文字</div></marquee>
試例效果:
從上向下移動
十、垂直往復(fù)移動
代碼
<marquee direction=up behavior=alternate><div align="center">香兒歡迎你 需要移動的文字</font></div></marquee>
試例效果:
香兒歡迎你
垂直往復(fù)移動
十一、從左上向右下移動
代碼
<marquee direction=right><marquee width=216 direction=down>需要移動的文字</marquee>
試例效果:
從左上向右下移動
十二、 從右上向左下移動
代碼
<marquee direction=left><marquee direction=down>需要移動的文字</marquee>
試例效果:
從右上向左下移動
十三、從左下向右上移動
代碼
<marquee direction=right><marquee direction=up>需要移動的文字</marquee>
試例效果:
從左下向右上移動
十四、從右下向左上移動
代碼
<marquee direction=left><marquee direction=up>需要移動的文字</marquee>
試例效果:
從右下向左上移動
十五、水平相反移動
代碼
<p align=center> <marquee width="216px">需要移動的文字</marquee><marquee width="216px" direction=right>需要移動的文字</marquee></p>
試例效果:
水平相反移動 動移相反平水
十六、左右兩邊向中間移動
代碼
<p align=center><marquee style="width:216px;" direction=right>需要移動的文字</marquee><marquee style="width:216px;" direction=left>需要移動的文字</marquee></p>
試例效果:
左右兩邊向中間移動 動移間中向邊兩右左
十七、左右兩邊向中間來回移動
代碼
<MARQUEE scrollAmount=3 beha><WBR>香兒歡迎你 左右向中間來回移動</MARQUEE>
<MARQUEE scrollAmount=3 direction=right beha><WBR>香兒歡迎你 動移回來間中向右左</MARQUEE>
試例效果:
香兒歡迎你 左右向中間來回移動 香兒歡迎你 動移回來間中向右左
十八、從上下向中間移動
代碼
<p></p><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移動的文字</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移動的文字</center></marquee></center></center><p></p>
試例效果:
從上下向中間移動 從上下向中間移動
十九、從中間向上下移動
代碼
<p></p><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移動的文字</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移動的文字</center></marquee></center></center><p> </p></marquee>
試例效果:
從中間向上下移動 從中間向上下移動
二十、上下向中間來回移動
代碼
<MARQUEE scrollAmount=1 direction=down height=30 beha><WBR>
<DIV align=center>上下向中間來回移動</DIV></MARQUEE>
<MARQUEE scrollAmount=1 direction=up height=30 beha>
<DIV align=center>上下向中間來回移動</DIV></MARQUEE>
試例效果:
上下向中間來回移動
上下向中間來回移動
二十一、上下交替移動
代碼
<TABLE borderColor=#f9f9f9 height=150 cellSpacing=0 cellPadding=0 width=290 align=center border=1>
<TBODY>
<TR>
<TD width=580 bgColor=#ffffff height=150>
<MARQUEE direction=up height=50 beha>需</MARQUEE>
<MARQUEE direction=up height=50 beha>要</MARQUEE>
<MARQUEE direction=up height=50 beha>移</MARQUEE>
<MARQUEE direction=up height=50 beha>動</MARQUEE>
<MARQUEE direction=up height=50 beha>的</MARQUEE>
<MARQUEE direction=up height=50 beha>文</MARQUEE>
<MARQUEE direction=up height=50 beha>字</MARQUEE>
試例效果:
需 要 移 動 的 文 字
二十二、移動后消失
代碼
<MARQUEE style="WIDTH: 288px; HEIGHT: 120px" scrollAmount=5 direction=up>
<CENTER>
<DIV>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>需</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>移</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>要</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>動</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>的</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>字</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>文</CENTER></MARQUEE></DIV></CENTER></MARQUEE>
試例效果:
需 移 要 動 的 字 文
二十三、波浪式移動
代碼
<TABLE borderColor=#f9f9f9 cellSpacing=0 cellPadding=0 width="50%" align=center border=1>
<TBODY>
<TR>
<TD width=580 bgColor=#ffffff height=50>
<P></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE>
<P></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=4 beha>香兒歡迎你
<P></P>
<P style="TEXT-INDENT: 2em">波浪式移動</P>
<P style="TEXT-INDENT: 2em"></P></MARQUEE></P>
試例效果:
香兒歡迎你
波浪式移動
二十四、往復(fù)波浪式移動
代碼
<TABLE borderColor=#f9f9f9 cellSpacing=0 cellPadding=0 width=288 align=center border=1>
<TBODY>
<TR>
<TD width=288 bgColor=#ffffff height=50>
<MARQUEE>
<MARQUEE scrollAmount=3 beha>
<P>香兒歡迎你 </P>
<P>往復(fù)波浪式移動</P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
試例效果:
香兒歡迎你
往復(fù)波浪式移動
二十五、交替往復(fù)波浪式移動
代碼
<marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50 height=200 align="middle">需</marquee><marquee direction=up beha 的</marquee><marquee direction=up beha 要</marquee><marquee direction=up beha 文</marquee><marquee direction=up beha 移</marquee><marquee direction=up beha 字</marquee><marquee direction=up beha動
</marquee>
試例效果:
香兒歡迎你 香兒歡迎你 交 浪 替 往 式 復(fù)
二十六、S型移動
代碼
<MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=50,color=.ffffff)" scrollAmount=2 scrollDelay=65 direction=up height=80 beha><WBR>
<CENTER> 香兒歡迎你 文字S型移動</CENTER></MARQUEE>
試例效果:
香兒歡迎你
文字S型移動
二十七、 多層多式復(fù)合移動
代碼
<TBODY>
<TR>
<TD vAlign=top width=1>
<MARQUEE scrollAmount=1 direction=down height=100 beha><WBR>香兒歡迎你
<MARQUEE scrollAmount=4 direction=right height=100 beha><WBR>需要移動的文字</MARQUEE></MARQUEE></TD>
<TD width=288>
<MARQUEE style="FILTER: wave(add=1,phase=4, freq=1,strength=50)" scrollAmount=2 scrollDelay=65 direction=up height=100 beha><WBR>香兒歡迎你
<CENTER>需要移動的文字</CENTER></MARQUEE></TD></TR></TBODY></TABLE>
試例效果:
香兒歡迎你
波浪式移動
;
下移動
二十八、文字豎排漸出移動
代碼:
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up width=290 height=180>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"> </P>
<P style="TEXT-INDENT: 2em"> </P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>你的樣子在我腦海跑去跑來 </FONT></P>
<P align=left><FONT size=3><FONT face=楷體_GB2312 color=#000000>一想再想想不起 敏捷的思維已</FONT><FONT face=楷體_GB2312 color=#000000>追不上</FONT></FONT></P>
<P align=left><FONT size=3><FONT face=楷體_GB2312 color=#000000>想你的頻率 </FONT><FONT face=楷體_GB2312 color=#000000>我試圖找出種種理由把你卸下</FONT></FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>解放自己 可我早已是樣子的奴隸</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>我極力向想象空間討要一個清晰的你</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>想象卻總是把你模糊了零點一 這樣</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>我只好把自己痛苦的縮小再縮小</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>然后鉆進那零點一的牛角尖里</FONT></P>
<P style="TEXT-INDENT: 2em"> </P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>我愿意與你的樣子對坐 一遍一遍</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>溫習(xí)你的聲音 這樣的要求算不算高</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>我沒有別的意思 只想摘取你嘴角</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>新鮮的微笑 安放在心事滿滿的心房</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>一個干凈的角落 那里存放著有關(guān)你的</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>所有消息 是我寒夜寂寥取暖的領(lǐng)地</FONT></P>
<P align=left><FONT face=楷體_GB2312 color=#000000 size=3>紅透的心思 靜靜等待你呼風(fēng)喚雨</FONT></P></MARQUEE></MARQUEE></P>
試例效果:
你的樣子在我腦海跑去跑來
一想再想想不起 敏捷的思維已追不上
想你的頻率 我試圖找出種種理由把你卸下
解放自己 可我早已是樣子的奴隸
我極力向想象空間討要一個清晰的你
想象卻總是把你模糊了零點一 這樣
我只好把自己痛苦的縮小再縮小
然后鉆進那零點一的牛角尖里
我愿意與你的樣子對坐 一遍一遍
溫習(xí)你的聲音 這樣的要求算不算高
我沒有別的意思 只想摘取你嘴角
新鮮的微笑 安放在心事滿滿的心房
一個干凈的角落 那里存放著有關(guān)你的
所有消息 是我寒夜寂寥取暖的領(lǐng)地
紅透的心思 靜靜等待你呼風(fēng)喚雨
二十九、文字穿梭移動
代碼
<marquee scrollAmount=2 width=30 height=20>文 文</marquee> <marquee scrollAmount=2 width=30 height=20>字 字</marquee> <marquee scrollAmount=2 width=30 height=20>穿 穿</marquee> <marquee scrollAmount=2 width=30 height=20>梭 梭</marquee>
試例效果:
文 文 字 字 穿 穿 梭 梭
附 注
各主要參數(shù)的含義:
align:是設(shè)定活動對象(圖片或文字)的位置。
direction:用于設(shè)定活動對象的移動方向。
behavior="scroll"表示由一端移動到另一端。
behavior="slide"表示由一端移動到另一端,且不再
重復(fù)。
behavior="alternate"表示在兩端之間來回移動。
height:用于設(shè)定移動對象的高度。
width:則設(shè)定移動對象的寬度。
hspace:用于設(shè)定移動對象的左右邊框?qū)挾取?div style="height:15px;">