滾動圖片代碼

滾動圖片特效代碼裝扮博客 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.jpgwidth_=90 height=30><br><font color=0000ff size=3 face=宋體><b>從左向右移動</b></font></marquee>示例：

從左向右移動三、從下向上移動<MARQUEE scrollAmount=1 scrollDelay=3 direction=upvalign="middle" align="center"><IMG src="https://www.getit01.com/getimg_360.php?url=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.jpgwidth_=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/m1SNAv93NXza4feuJk5r2w==/442760138367656982.jpg><img src=http://img.blog.163.com/photo/m1SNAv93NXza4feuJk5r2w==/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.jpgwidth_=90 height=30><font face=華文彩雲 color=#0000ff size=5><br>中間向兩邊移動 </font></marquee><marquee direction=rightwidth_=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=3onmouseout=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="https://www.getit01.com/getimg_360.php?url=http://myok.blogchina.com/inc/myoklogo.gif" width_=90></div></center></marquee>示例：

參數說明：1、scrollAmount，表示速度，值越大速度越快。默認為6，設為1～3較為常用。2、width和height， 表示滾動區域的大小，width是寬度，height是高度。在做垂直滾動時，要設height的數值。3、direction，表示滾動方向，默認為從右向左。可選的值有right、down、up。滾動方向分別為：right表示→ ，up表示↑，down表示↓。4、scrollDelay，也是速度控制，默認為90，值越大速度越慢。通常scrollDelay不需要設置。5、behavior，控制屬 性，默認為循環滾動。可選值有alternate(交替滾動)、slide(幻燈片效果，滾動一次後停止滾動) 。

東方洋家園請留腳印:

推薦閱讀：