打开APP
userphoto
未登录

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

开通VIP
图片滚动代码

图片滚动代码

(2009-07-31 01:13:19)
标签:

滚动图片代码

杂谈

分类: 网页制作

图片滚动代码 (从右向左滚动)


<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src="要滚动的图片地址1"> 

<img border="0" src="要滚动的图片地址2"> 

</marquee>

 


 

 图片滚动代码 (从下往上滚动)

 

 <marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src="要滚动的图片地址1"> 

<img border="0" src="要滚动的图片地址2"> 

</marquee>

 


 

改版:

<marquee ONMOUSEOUT=this.scrollDelay=1 ONMOUSEOVER=this.scrollDelay=600 scrollamount=1

SCROLLDELAY=1 border=0 direction=up scrolldelay=70 width=180 height=130 align=middle>

<img border="0" src="要滚动的图片地址1"> 

<img border="0" src="要滚动的图片地址2"> 
</marquee>


说明:


1.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。


<marquee direction=left>从右向左滚动</marquee>


<marquee direction=right>从左向右滚动</marquee>


2.behavior属性:指定文本的滚动方式,分为三种:


Scroll:从一端消失后,在另一端出现并继续滚动。


<marquee behavior=scroll>一圈一圈地滚动</marquee>


Slide:从一端滚动,接触到另一端后停止


<marquee behavior=slide>只滚动一次就停止</marquee>


Alternate:从一端滚动到另一端后,反向滚动。

 
<marquee behavior=alternate>来回滚动</marquee>


direction=up(left、right、down) 这个属性可以更改,这样就可以实现上下左右了

 

3.scrolldelay属性设置移动每步的延时单位为毫秒

 

4.scrollamount 属性 设置滚动速度 单位为秒,取值 1-60

 


 

示例:


<!****图片滚动****>

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=1 direction=right behavior=alternate width=300 height=200 BORDER="0" ALIGN="middle"><IMG src="//s2.sinaimg.cn/small/610b0f0fg6fd0fbf26971&690" border=0> <IMG src="//s13.sinaimg.cn/small/610b0f0fg6fd0fbc4a5ac&690" border=0> <IMG src="//s12.sinaimg.cn/small/610b0f0fg6fd0fb96f46b&690" border=0> <IMG src="//s15.sinaimg.cn/small/610b0f0fg6fd0fadfde7e&690" border=0> <IMG src="//s10.sinaimg.cn/small/610b0f0fg6fd0fab21c49&690" border=0> <IMG src="//s16.sinaimg.cn/small/610b0f0fg6fd0fa74f83f&690" border=0> <IMG src="//s15.sinaimg.cn/small/610b0f0fg6fd0fcd74ece&690" border=0> <IMG src="//s14.sinaimg.cn/small/610b0f0fg6fd0fc9a62cd&690" border=0> <IMG src="//s12.sinaimg.cn/small/610b0f0fg6fd0fc6c840b&690" border=0>/MARQUEE>/DIV>

<!****图片滚动结束****>

 


 

请看效果:

/DIV>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
动态图片处理特效代码
代码资料
新浪博客代码中加入滚动字幕和滚动图片的代码
时隐时现移动美女代码
滚动图片、友情链接代码 - 时氏膏药老店的日志 - 网易博客
侧边栏多图片向上滚动代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服