🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
* * * * * 1.滚动方向direction(包括4个值:up、 down、 left和 right) 语法:<marquee direction="滚动方向">...</marquee> 2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动) 语法:<marquee behavior="滚动方式">...</marquee> 3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位) 语法:<marquee scrollamount="5">...</marquee> 4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒) 语法:<marquee scrolldelay="100">...</marquee> 5.滚动循环loop(默认值是-1,滚动会不断的循环下去) 语法:<marquee loop="2">...</marquee> 6.滚动范围width、height 7.滚动背景颜色bgcolor 8.空白空间hspace、vspace * * * * * ~~~ //danmu函数 //参数说明:box:弹幕在哪个盒子中出现(原生获取); //content:弹幕内容; //styleClass:样式类名; //speed:运动速度,单位为px/s(每秒运动多少像素); //startTime:开始的时间,单位为毫秒 function danmu(box,content,styleClass,speed,startTime){ function add(content,speed){ var html = ""; html+="<marquee scrolldelay='500' direction='left' scrollamount='"+speed+"' class='"+styleClass+"'>"+content+"</marquee>"; //将弹幕插入要显示的盒子中 $(box).append(html); } //设置定时器,开启弹幕功能 setTimeout(function(){add(content,speed)},startTime); } //调用弹幕函数,先使用原生方法获取盒子 var k = document.getElementsByClassName('div2')[0]; //实例 danmu(k,"我来了1,我来了1,我来了1,我来了1,我来了1,","style",90,0); danmu(k,"我来了2,我来了2,我来了2,我来了2,我来了2,","style",100,1000); ~~~