68素材站

liMarquee演示12种不同的无缝滚动效果

68素材 9408 0
liMarquee演示12种不同的无缝滚动效果
查看演示:暂无演示
附加服务:安装、调试(根据实际情况额外收费)
已下载 87 收藏
特效分类文字特效 文件大小0.17 MB 需要授权无需授权 是否开源开源
详细说明

演示一:默认效果

<div class="sucaihuo"> 
    <a href="http://www.sucaihuo.com/js/580.html" target='_blank'>jQuery幸运水果机</a> 
    <a href="http://www.sucaihuo.com/js/581.html" target='_blank'>jquery霓虹灯转盘加抽奖提示弹出层</a> 
    <a href="http://www.sucaihuo.com/js/582.html" target='_blank'>jQuery大风车转盘转起来</a> 
    <a href="http://www.sucaihuo.com/js/583.html" target='_blank'>jQuery抽奖转盘停不下来</a> 
    <a href="http://www.sucaihuo.com/js/584.html" target='_blank'>jQuery手机幸运大转盘抽奖</a> 
</div>

引入并调用无缝滚动插件liMarquee.js

<script src="js/jquery.liMarquee.js"></script> 
<script> 
    $(function() { 
        $('.sucaihuo').liMarquee(); 
    }); 
</script>

演示二:向右滚动

$('.sucaihuo').liMarquee({ 
    direction: 'right' 
});

演示三:控制滚动速度

$('.sucaihuo').liMarquee({ 
    scrollamount: 200 
});

演示五:非无缝滚动

$('.sucaihuo').liMarquee({ 
    circular: false 
});
参数描述默认值
direction滚动方向,可选 left / right / up / downleft
loop循环次数,-1 为无限循环-1
scrolldelay每次重复之前的延迟0
scrollamount滚动速度,越大越快50
circular无缝滚动,如果为 false,则和 marquee 效果一样true
drag鼠标可拖动true
runshort内容不足是否滚动true
hoverstop鼠标悬停暂停true
xml加载 xml 文件false
inverthover反向,即默认不滚动,鼠标悬停滚动false


发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~