[Api]滚动字幕--幻冰小站KuoqiJs系统文档

基础配置信息

var scrollSubtitles = new $Q.scrollSubtitles({ labels:['你好','你好帅','真是个小鲜肉'],//字幕标签内容信息 lines:12,//字幕显示的行数 speed:1,//字幕滚动的速率,相对于额定的基础速率而言 //timeLen:[100,1000],//随机的字幕开头时间 timer:10,//定义一次执行使用的时间信息,单位ms emptyLimit:[10,2000],//标签与标签之间的间隔距离 isThread:true,//使用线程优化 //isRoop:true,//是否滚动播放 fontSize:24,//字体大小 scaleY:1,//可变宽高比 box:document.getElementsByTagName("body").item(0),//盒子元素 //ITEM被点击的时候的反应 //itemClick:function(){},});

可用方法列表

doStart: ƒ () //用于开始字幕滚动doPause: ƒ () //字幕滚动集体暂停doStop: ƒ () //字幕滚动结束createItem: ƒ (label) //动态的增加一个字幕信息

测试DEMO脚本

<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no"><title>滚动字幕,适配屏幕,</title><script src="../Kq.1.06/kq.1.06.dev.js"></script><script src="kq.scrollsubtitles.js"></script></head><body></body><script>//滚动字幕的内容区域var scrollSubtitles = new $Q.scrollSubtitles({ labels:['你好','你好帅','真是个小鲜肉'],//字幕标签内容信息 lines:12,//字幕显示的行数 speed:1,//字幕滚动的速率,相对于额定的基础速率而言 timeLen:[100,1000],//随机的字幕开头时间 timer:10,//定义一次执行使用的时间信息,单位ms emptyLimit:[10,2000],//标签与标签之间的间隔距离 isThread:true,//使用线程优化 isRoop:true,//是否滚动播放 fontSize:24,//字体大小 scaleY:1,//可变宽高比 box:document.getElementsByTagName("body").item(0),//盒子元素 //ITEM被点击的时候的反应 //itemClick:function(){},});//这个要多列表信息scrollSubtitles.doPreread(function(){ scrollSubtitles.doStart();//开始字幕滚动 //scrollSubtitles.doStop();//停止字幕滚动 //scrollSubtitles.doPause();//暂停字幕滚动});</script></html>