jquery图片无缝滚动js代码ul./li结构,可重用
作者:佳明妈 来源:jquery 特效 2012-04-16 人气:
jquery图片无缝滚动js代码ul./li结构,一个页面可重用多个。注意无缝滚动js代码调用中的 $('.marquee').kxbdMarquee({ 这里面的 .marquee 可以换成你的 类名 或者是id名等。
图片无缝滚动,鼠标滑过暂停滚动、鼠标滑出继续滚动。可配置向左或者向右滚动。
html代码结构示例:
<div class="marquee">
<ul>
<li><a href="http://www.51xuediannao.com/js/jquery/"><img src="demo/01.jpg"/><em>jquery 特效</em></a></li>
<li><a href="http://www.51xuediannao.com/js/gundong/"><img src="demo/02.jpg"/><em>滚动代码</em></a></li>
<li><a href="http://www.51xuediannao.com/js/nav/"><img src="demo/01.jpg"/><em>导航菜单</em></a></li>
<li><a href="http://jz.51xuediannao.com/"><img src="demo/02.jpg"/><em>兼职网站大全</em></a></li>
</ul>
</div>
jquery图片无缝滚动,js代码调用示例:
<script type="text/javascript">
$(document).ready(function(){
$('.marquee').kxbdMarquee({
direction:'left',
eventA:'mouseenter',
eventB:'mouseleave'
});
});
</script>
无缝滚动代码更多参数:
$.fn.kxbdMarquee.defaults = {
isEqual:true,//所有滚动的元素长宽是否相等,true,false
loop: 0,//循环滚动次数,0时无限
direction: 'left',//滚动方向,'left','right','up','down'
scrollAmount:1,//步长
scrollDelay:10,//时长
newAmount:3,//加速滚动的步长
eventA:'mousedown',//鼠标事件,加速
eventB:'mouseup'//鼠标事件,原速
};
懒人建站凑字数。^_^ 希望这段jquery无缝滚动代码能帮到你。给你带来方便。
jquery图片无缝滚动js代码ul./li结构,可重用由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
- 上一篇:随屏滚动JS特效代码(相对于指定层不是相对于屏
- 下一篇:标题栏上的滚动字幕代码
jquery图片无缝滚动js代码ul./li结构,可重用-最新评论