当前位置:首页 / 网页特效 / 网页图片特效 / 图片滚动代码 js图片滚动代码 网页图片滚动代码
图片滚动代码 js图片滚动代码 网页图片滚动代码
芯晴素材特效 分类:网页图片特效 发布日期:2015-12-14
jquery图片无缝滚动js代码ul./li结构,一个页面可重用多个。注意无缝滚动js代码调用中的  $('.marquee').kxbdMarquee({ 这里面的  .marquee 可以换成你的 类名 或者是id名等。图片滚动代码 js图片滚动代码 网页图片滚动代码
图片无缝滚动,鼠标滑过暂停滚动、鼠标滑出继续滚动。可配置向左或者向右滚动。
 
html代码结构示例:
<div class="marquee">
    <ul>
        <li><a href="http://www.csrcode.cn/js/jquery/"><img src="demo/01.jpg"/><em>jquery 特效</em></a></li>
        <li><a href="http://www.csrcode.cn/js/gundong/"><img src="demo/02.jpg"/><em>滚动代码</em></a></li>
        <li><a href="http://www.csrcode.cn/js/nav/"><img src="demo/01.jpg"/><em>导航菜单</em></a></li>
        <li><a href="http://www.csrcode.cn/"><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',//鼠标事件,加速

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

编号:182105

编码: utf8建议使用utf8版本运行。

程序: 未知

版本:未知

体积:未知

行业:网页图片特效

颜色:多彩

热门模板

感应鼠标滑过图片弹出层显示文字说明

2013-01-16   浏览:9449

jq带进度条提示焦点图

2017-03-15   浏览:468

垂直无接缝图片滚动广告网页下载

2017-03-11   浏览:163

双击可放大缩小的图片

2012-12-28   浏览:7771

点击咨询客服