* * * * *
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);
~~~
- 我的烂笔头
- 1、常用功能方法整合
- 2、jQuery基本函数
- 3、在页面中添加图片
- 4、精度算法
- 5、图片懒加载
- 6、弹窗拖拽功能
- 7、弹幕功能
- 8、鼠标滚动事件
- 9、获取页面相关属性
- 10、弹窗的三种展现方式
- 11、轮播功能
- 12、获取唯一标识
- 13、CSS样式效果
- 14、任意两点的动态连线
- 15、全新接口功能
- 16、适配兼容
- 17、无刷新页面更改URL
- 18、定时器的那些事
- 19、关于iframe的常见问题
- 20、设置不同的时间
- 21、关于select-option
- 22、省市级联
- 23、省市级联数据
- 24、关于数据传输问题
- 25、问题分支
- 那些年我们一起走过的神坑
- 1、关于console的使用
- 2、关于数组
- 1、数组的赋值
- 2、数组的常用方法
- 3、关于移动端的bug
- 4、关于视频的bug
- 5、那些坑坑洼洼
- 6、关于字符串
- 1、字符串的常用方法
- 页面布局
- 1、背景固定的滚动页面
- 心得
- Node.js
- 1、安装环境
- ThinkPHP 5.1
- 1、访问格式