文字圖片移動特效

紀之 2009-04-29

展開全文

文字圖片移動特效

一、右向左移動
1、<marquee><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 我從右向左移</marquee>
上述語法顯示如下：

我從右向左移

2、<marquee><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 我從右向左轉(zhuǎn)</marquee>
上述語法顯示如下：

我從右向左轉(zhuǎn)

二、左向右移動
1、<marquee direction=right><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 移右向左從我</marquee>
上述語法顯示如下：

移右向左從我

2、<marquee direction=right><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif > 走右向左從我</marquee>
上述語法顯示如下：

走右向左從我

3、<marquee direction=right>蟲年千有邊右說聽 <img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif ></marquee>
上述語法顯示如下：

蟲年千有邊右說聽

 三、下向上移動，scrollamount=5 是向上移動速度，可以調(diào)整，一般設置在1至5的范圍內(nèi)比較好

1、<marquee direction=up onmouseover=this.stop() scrollamount=5 onmouseout=this.start()><center><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=300 height=200> 我從下向上移</center></marquee>
上述語法顯示如下：

我從下向上移

2、<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start()><center><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif > 我在上樓耶</center></marquee>
上述語法顯示如下：

我在上樓耶

 四、上向下移動， scrollamount=5 是移動速度，可以調(diào)整，一般設置在1至5的范圍內(nèi)比較好

1、<marquee direction=down scrollamount=5><center>我從上向下移 <img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=300 height=200></marquee>
上述語法顯示如下：

我從上向下移

2、<marquee direction=down scrollamount=8><center>我下樓很快耶 <img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif ></marquee>
上述語法顯示如下：

我下樓很快耶

 五、來回移動， scrollamount=10 是移動速度，可以調(diào)整，一般設置在1至5的范圍內(nèi)比較好

1、<marquee width=100% behavior=alternate scrollamount=10><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 我來回的移動</marquee>
上述語法顯示如下：

我來回的移動

2、<marquee width=100% behavior=alternate scrollamount=10><img src=http://www./UploadFile/200410151441165953.jpg> 我來回走耶</marquee>
上述語法顯示如下：

我來回走耶

 六、右向左上下起伏飛翔，height=100 是上下起伏飛翔幅度，可以調(diào)整，區(qū)分圖片大小，一般設置在50至150的范圍內(nèi)比較好

<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.giff >我在追“心”</marquee></marquee>
上述語法顯示如下：

我在追“心”



七、左向右上下起伏飛翔， height=200 是上下起伏飛翔幅度，可以調(diào)整，區(qū)分圖片大小，一般設置在50至150的范圍內(nèi)比較好

<marquee direction=right><marquee behavior=alternate direction=up height=200>!去回快 <img src=http://www./image/3/simeng/coolad.gif><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif ><img src=http://bbs./attachments/iv6m_0050.gif></marquee> </marquee>
上述語法顯示如下：

!去回快

 八、中間向兩邊移動語法：

<center> <marquee width=220 height=50><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 中間向兩邊移</marquee><marquee direction=right width=220 height=50><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=200 height=150> 移邊兩向間中 </marquee></center>
上述語法顯示如下：

中間向兩邊移
移邊兩向間中

 九、中間向上下移動語法：

<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img src=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif width=650></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314363_1.gif" width=650></div></center></marquee>
上述語法顯示如下：