|
滚动图片特效代码
一、从右向左移动
<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/m1SNAv93NXza4
feuJk5r2w==/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>
示例：
参数说明：
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(幻灯片效果，滚动一次后停止滚动) 。
请留脚印: 
|
