一、图片移动
1、向左移动代码(left):
A、简易方法参照:
B、代码:
<marquee direction=left width=宽度> <img src="你的图片地址"><img src="你的图片地址"><img src="你的图片地址"><img src="你的图片地址"></marquee>
以次类推,可以加很多张图片,注意要加在最后一个</marquee>前面,就不会丢失移动效果。
<marquee direction=right width=宽度> <img src="你的图片地址"><img src="你的图片地址"><img src="你的图片地址"><img src="你的图片地址"></marquee>
3、向上移动代码(up):
<marquee scrollamount="1" direction="up" width="200" height="230"><img src="第一张图片地址"><img src="第二张图片地址"><img src="第三张图片地址" ><img src="第四张图片地址"></marquee>
注:出了变动了方向direction之外添加了速度scrollamount\高度height,速度scrollamount也可以添加到向左向右移动的特效中去。
4、向下移动代码(down):
<marquee scrollamount="1" direction="down" width="200" height="230" ><img src="第一张图片地址"><img src="第二张图片地址"><img src="第三张图片地址" ><img src="第四张图片地址"></marquee>
注:出了变动了方向direction之外添加了速度scrollamount\高度height,速度scrollamount也可以添加到向左向右移动的特效中去。
<MARQUEE scrollAmount=3 behavior=alternate width="100%"><img src="你的图片"></marquee>
6、上下起伏的代码:
<MARQUEE><MARQUEE direction=up behavior=alternate height=200><IMG src=" 图片地址"></MARQUEE></MARQUEE>
7、中间向两边移动代码:
<MARQUEE width=220 height=50><IMG height=200 src="图片地址" width=500></MARQUEE><MARQUEE direction=right width=220 height=50><IMG height=200 src="图片地址" width=500></MARQUEE>
8、中间相对上下移动代码:
<MARQUEE direction=up width=400 height=400><IMG height=600 src="图片地址" width=400></MARQUEE><MARQUEE direction=down width=400 height=400><IMG height=600 src="图片地址" width=400></MARQUEE>
9、百叶窗移动代码:
<MARQUEE scrollAmount=1 direction=right width=180><IMG src="图片地址"></MARQUEE><MARQUEE scrollAmount=1 width=180><IMG src="图片地址"></MARQUEE><MARQUEE scrollAmount=1 direction=right width=180><IMG src="图片地址"></MARQUEE><MARQUEE scrollAmount=1 width=180><IMG src="图片地址"></MARQUEE>
二、图片链接网址移动代码
图片链接网址移动代码
参照:
图片链接移动代码原代码:<marquee scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="第一个连接网址" target="_blank"><img src="第一张图片地址" width="200" border="0" /></a></div><div align="center"><a href=第二个连接网址 target="_blank"><img src="第二张图片地址" width="200" border="0" /></a></div></marquee>
简化后的的代码:
<marquee scrollamount="1" direction="up" width="200" height="230"><a href="第一个连接网址" target="_blank"><img src="第一张图片地址" width="200" border="0" /><a href=第二个连接网址 target="_blank"><img src="第二张图片地址" width="200" border="0" /></marquee>
点击两张图片可以打开不同的两个网址,可以添加多张图片和网址。
评论