图片移动代码整理（清韵：一剪梅）

图片移动代码大全

（素材：网络梅花仙子整理）

一、从右向左移动

<marquee scrollamount=5 direction=left><img

src=http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc70a5fac377c6386f.jpg>

</marquee>

二、从左向右移动

</marquee>

三、由下往上移动

<marquee scrollAmount=3 direction=up><img

src= http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc70a5fac377c6386f.jpg width=200 height=100></marquee>

四、由上往下移动

<marquee scrollAmount=3 direction=down><img

src= http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc70a5fac377c6386f.jpg width=200 height=160></marquee>

五、由下往上S移动

<DIV align=center> <MARQUEE scrollAmount=2 behavior=alternate width=630 height=471><MARQUEE scrollAmount=2

direction=up width=330 height=471><IMG src=" http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc70a5fac377c6386f.jpg "></MARQUEE></MARQUEE></DIV>

六、来回移动

七、中间向两边分

香雪园欢迎您 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111

size=5>

<MARQUEE direction=right width=300 height=70>香雪园欢迎您 <IMG src="//hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc70a5fac377c6386f.jpg" ></FONT></MARQUEE>

</FONT></FONT></P>

香雪园欢迎您香雪园欢迎您

八、两边向中间移

<TBODY>

<TR>

</TD></TR></TBODY></TABLE></DIV>

九、图片中加入字幕

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%;

WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">

<TBODY>

<TR>

<TD>

<P align=center><FONT face=宋书 color=#ff0000 size=12>梅花仙子的香雪园！</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>

注：向下:down 向左:alternate 向右:right

朋友您好！

欢迎光临！

梅花仙子的香雪园！

10、图片在水中倒影的特效

<IMG id=reflect src=" http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc70a5fac377c6386f.jpg

"> <BR>

function f1(){setInterval("mdiv.filters.wave.phase+=10",100); }

if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,

phase=0,lightstrength=30) blur() flipv()">')

window.onload=f1}</SCRIPT>

各参数详解：

1 scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

2 width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

3 direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：向上(up)

向下(down)　向左(left)　向右(right)。

4 scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

5 behavior。表示移动方式，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，

然后停止滚动)

6 width图片的宽度；height图片要移动的上下距离；

为了您的安全，请只打开来源可靠的网址

打开网站取消

来自:http://hi.baidu.com/meihuaxianz/blog/item/873e3b3ffa54513170cf6cf0.html

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。