滾動圖片特效代碼
裝扮博客 2008-07-29 15:12:22 閱讀0 評論0 字號：大中小
東方洋 的
滾動圖片特效代碼滾動圖片特效代碼
一、從右向左移動
<marquee>
<img src=http://img.blog.163.com/photo/m1SNAv93NXza4feuJk5r2w
==/442760138367656982.jpg> <br>從右向左移動 </marquee>
示例：
從右向左移動
二、從左向右移動
<marquee direction=right>
<img src=http://img.blog.163.com/photo/m1SNAv93NXza4feuJk5r2w
==/442760138367656982.jpg
width=90 height=30><br><font color=0000ff size=3 face=宋體>
<b>從左向右移動</b></font></marquee>
示例：
從左向右移動
三、從下向上移動
<MARQUEE scrollAmount=1 scrollDelay=3 direction=up
valign="middle" align="center">
<IMG src="
http://img.blog.163.com/photo/m1SNAv93NXza4feuJk5r2w==/442760138367656982.jpg"
border=0></MARQUEE></FONT></P>
示例：
四、從上向下移動
<marquee direction=down scrollamount=5><center>
<font color=0000ff size=5 face=華文行楷><b>向下 移動</b></font><br>
<img src=http://img.blog.163.com/photo/m1SNAv93NXza4feuJk5r2w
==/442760138367656982.jpg width=90 height=30></marquee>
示例：
向下移動
五 、左右來回移動
<marquee width=100% behavior=alternate scrollamount=10>
<img src=http://img.blog.163.com/photo/m1SNAv93NXza4feuJk5r2w
==/442760138367656982.jpg
width=90 height=30><br><font color=0000ff size=5 face=華文行楷>
<b> 來回移動 </b></font></marquee>
示例：
來回移動
六、上下起 伏移動
<marquee direction=left>
<marquee behavior=alternate direction=up height=100><img src=http://img.blog.163.com/photo/m1SNAv93NXza
4feuJk5r2w==/442760138367656982.jpg>
<img src=http://img.blog.163.com/photo/m1SNAv93NXza
4feuJk5r2w==/442760138367656982.jpg>
<font color=0000ff size=3 face=華文行楷>
</b></font></marquee></marquee>
示例：
七、從中間向兩邊移動：
<center><br><marquee width=220 height=50>
<img src=http://img.blog.163.com/photo/m1SNAv93NXza4feuJk5r2w
==/442760138367656982.jpg
width=90 height=30><font face=華文彩云 color=#0000ff size=5>
<br>中間向兩邊移動 </font></marquee><marquee direction=right
width=220 height=50>
<img src=http://image7.360doc.com/DownloadImg/2010/02/2222/2383525_2.jpg width=90 height=30>
<font face=華文彩云 color=#0000ff size=5><br>中 間向兩邊移動
<br></marquee></font></center>
示例：
中間向兩 邊移動
中間向兩 邊移動
八、從中間向上和向下移動：
代碼：
<marquee direction=up onmouseover=this.stop() scrollamount=3
onmouseout=this.start><center>
<img src=http://myok.blogchina.com/inc/myoklogo.gif width=90>
</marquee></center><marquee direction=down scrollamount=3>
<center><div style="width:400;filter:flipv;">
<img src="http://myok.blogchina.com/inc/myoklogo.gif" width=90>
</div></center></marquee>
示例：
參數(shù)說明：
1、scrollAmount，表示速度，值越大速度越快。
默認(rèn)為6，設(shè)為1～3較為常用。
2、width和height， 表示滾動區(qū)域的大小，width是寬度，height是高度。在做垂直滾動時，要設(shè)height的數(shù)值。
3、direction，表示滾動方向，默認(rèn)為從右向左。
可選的值有right、down、up。
滾動方向分別為：right表示→ ，up表示↑，down表示↓。
4、scrollDelay，也是速度控制，默認(rèn)為90，值越大速度越慢。通常scrollDelay不需要設(shè)置。
5、behavior，控制屬 性，默認(rèn)為循環(huán)滾動。
可選值有alternate(交替滾動)、slide(幻燈片效果，滾動一次后停止?jié)L動) 。
東方洋家園請留腳印:
