简单的banner代码,用css实现滚动banner焦点图, 不用jq也能滚动banner

来源:互联网 发布:日本人难相处 知乎 编辑:程序博客网 时间:2024/05/11 22:04

下面介绍几种简单的滚动banner方式

1利用marquee

<marquee></marquee>功能是来回滚动

属性:

direction:可以设置向上滚动,默认向左

loop:循环次数(inifite和-1都是无限循环)

scrollamount="" :滚动速度(单位是ms)

例如:

<marquee direction="up" loop="2" scrollamount="100" onClick="this.stop()">

<img src="b04b9013632762d0620bce58a6ec08fa503dc643.jpg"/><img src="20160329040631490.jpg"/>

</marquee>

  另外还可以设置另一个属性停止 onmouseout="this.start()"


你了解了marquee,那么只要设置个div 内嵌marquee就可以实现滚动banner的效果了

例:

<div style="width:200px; height:150px;">
<marquee> </marquee>
</div>

最新dreamwaver下载地址(破解):www.xp510.com/zhuanti/pingmiansheji/


方法2:去下载简单的滚动banner代码 去调用

51xuediannao.com/js/slide/143.html





0 0
原创粉丝点击