• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > 网页制作 > DIV+CSS特效 >

多张图片滚动代码大全

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-11-25点击:

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

<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="http://s2.sinaimg.cn/small/610b0f0fg6fd0fbf26971&amp;690" border=0> <IMG src="http://s13.sinaimg.cn/small/610b0f0fg6fd0fbc4a5ac&amp;690" border=0> <IMG src="http://s12.sinaimg.cn/small/610b0f0fg6fd0fb96f46b&amp;690" border=0> <IMG src="http://s15.sinaimg.cn/small/610b0f0fg6fd0fadfde7e&amp;690" border=0> <IMG src="http://s10.sinaimg.cn/small/610b0f0fg6fd0fab21c49&amp;690" border=0> <IMG src="http://s16.sinaimg.cn/small/610b0f0fg6fd0fa74f83f&amp;690" border=0> <IMG src="http://s15.sinaimg.cn/small/610b0f0fg6fd0fcd74ece&amp;690" border=0> <IMG src="http://s14.sinaimg.cn/small/610b0f0fg6fd0fc9a62cd&amp;690" border=0> <IMG src="http://s12.sinaimg.cn/small/610b0f0fg6fd0fc6c840b&amp;690" border=0>/MARQUEE>/DIV>
<!****图片滚动结束****>

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1170734538@qq.com ,  QQ