打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
网页中常用移动特效

向左移动的图片语法:MARQUEE 向左移动scrollAmount=2 速度 width=550 宽度  height=400 高度(根据实际情况自设)

<MARQUEE scrollAmount=2 width=550 height=400>
<P align=center><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_1.jpg"></P></MARQUEE>

向右移动语法:direction=right 向右移动

 

<MARQUEE scrollAmount=2 direction=right width=550 height=400><IMG src="http://image58.360doc.com/DownloadImg/2012/12/2916/29256057_2.jpg"></MARQUEE>

左右移动语法:behavior=alternate 左右移动

 

<MARQUEE scrollAmount=2 behavior=alternate width=550 height=400><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_3.jpg"></MARQUEE>

向上移动语法:direction=up 向上移动    注意:高度这时应相应改变

 

<CENTER>
<MARQUEE scrollAmount=2 direction=up width=550 height=400>
<P align=center><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_4.jpg"></P></MARQUEE></CENTER>

向下移动语法:direction=down  向下移动

 

<CENTER>
<MARQUEE scrollAmount=2 direction=down width=550 height=400>
<P align=center><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_5.jpg"></P></MARQUEE></CENTER>

上下重合的语法:为了重合快一些,可以设置高度height=200(相应改小和速度  scrollAmount=2(数值越大越快)

<CENTER>
<MARQUEE scrollAmount=2 direction=down width=550 height=400>
<P align=center><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_6.jpg"></P></MARQUEE></CENTER>
<CENTER>
<MARQUEE scrollAmount=2 direction=up width=550 height=400>
<P align=center><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_7.jpg"></P></MARQUEE></CENTER>

多张图重叠移动代码:

<TABLE width="90%" border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_2.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_5.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_3.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_7.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_6.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_1.jpg"></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

四张图片同时向左移动:

<CENTER>
<MARQUEE scrollAmount=2 width=320 height=240 align="center" scrolldely="10"><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_8.jpg"></MARQUEE>
<MARQUEE scrollAmount=2 width=320 height=240 align="center" scrolldely="10"><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_9.jpg"></MARQUEE>
<MARQUEE scrollAmount=2 width=320 height=240 align="center" scrolldely="10"><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_10.jpg"></MARQUEE>
<MARQUEE scrollAmount=2 width=320 height=240 align="center" scrolldely="10"><IMG src="//image58.360doc.com/DownloadImg/2012/12/2916/29256057_11.jpg"></MARQUEE></FONT></CENTER>
 
 
 
 
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
百叶窗图片代码
移动的百叶窗图片代码
代码入门教程(13)
滚动图片代码  - xiugang1985@126的日志 - 网易博客
滚动.透明.对开图制作
音画制作代码集(二)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服