简介
新闻主持人在播报新闻的时候,好像前面都会有一个显示屏在滚动显示新闻稿,以免主持人播错。scrollocue 是一款基于 jQuery 的自动提词机插件,他能够高亮显示当前需要播报的文字,单击鼠标或按键盘向下键钮,就会逐行高亮显示,大大减少出错几率。
兼容
jQuery 兼容
兼容 1.7 及以上版本。
浏览器兼容
IE7 及以上 ✔ | Chrome ✔ | Firefox ✔ | Opera ✔ | Safari ✔ |
使用方法
1、引入文件
<script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="https://www.dowebok.com/js/scrollocue.js"></script>
2、HTML
HTML 代码只需简单的 h1 和 p 即可,如:
<div id="container"> <h1></h1> <p></p> <p></p> <p></p> </div>
3、JavaScript
$(function(){ $('#container').scrollocue(); });
配置
属性/方法 | 类型 | 默认值 | 说明 |
---|---|---|---|
lineSelector | 字符串 | ‘h1, p’ | 需要提取的元素 |
scrollDuration | 整数 | 1000 | 屏幕滚动的速度,以毫秒为单位,越大越慢 |
scrollEasing | 字符串 | ‘easeOutQuad’ | 滚动效果 |
GitHub 地址:https://github.com/soxofaan/scrollocue
[b2_file link="
百度网盘" name="scrollocue – jQuery自动提词器插件" pass="" code=""]