郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > javascript > 滚动代码 >

jquery图片无缝滚动js代码ul./li结构,可重用

来源:jquery 特效 作者: 博彩评级 日期:2012-04-16 人气:
jquery图片无缝滚动js代码ul./li结构,一个页面可重用多个。注意无缝滚动js代码调用中的 $('.marquee').kxbdMarquee({ 这里面的 .marquee 可以换成你的 类名 或者是id名等。

本文地址:http://www.qqydc.com/js/gundong/jquery_gundong.html
文章摘要:jquery图片无缝滚动js代码ul./li结构,可重用,含油量混世魔王良种,献辞恶果新险种。

jquery图片无缝滚动js代码ul./li结构,一个页面可重用多个。注意无缝滚动js代码调用中的  $('.marquee').kxbdMarquee({ 这里面的  .marquee 可以换成你的 类名 或者是id名等。
图片无缝滚动,鼠标滑过暂停滚动、鼠标滑出继续滚动。可配置向左或者向右滚动。

html代码结构示例:
<div class="marquee">
    <ul>
        <li><a href="http://www.qqydc.com/js/jquery/"><img src="demo/01.jpg"/><em>jquery 特效</em></a></li>
        <li><a href="http://www.qqydc.com/js/gundong/"><img src="demo/02.jpg"/><em>滚动代码</em></a></li>
        <li><a href="http://www.qqydc.com/js/nav/"><img src="demo/01.jpg"/><em>导航菜单</em></a></li>
        <li><a href="http://www.qqydc.com/089/"><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结构,可重用http://www.qqydc.com/js/gundong/jquery_gundong.html

(责任编辑:博彩评级)

jquery图片无缝滚动js代码ul./li结构,可重用由博彩评级收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。