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

下面介绍几种简单的滚动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





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值