今天前端哥分享的jquery/js无缝滚动组件支持电脑端和手机端,滚动样式文本可自定义图片、文本,可自定义方向,可自定义速度
效果图:
需要引入的文件:
<link rel="stylesheet" type="text/css" href="css/base.css" /><script src="https://www.qianduange.cn/templets/default/js/jquery.min.js"></script><script src="js/marquee.js"></script>
组件参数:
//初始化$("#marquee2").kxbdMarquee({ isEqual: false,//所有滚动的元素长宽是否相等,true,false scrollAmount: 1.5,//步长 scrollDelay:30 //时长});//初始化$("#marquee1").kxbdMarquee({ isEqual: false});isEqual: true, //所有滚动的元素长宽是否相等,true,falseloop: 0, //循环滚动次数,0时无限 direction: "left", //滚动方向,"left","right","up","down" scrollAmount: 1, //步长 scrollDelay:30 //时长