Autocue Teleprompter Like jQuery文本滚动插件 scrollocue

  • 源码大小:39.7KB
  • 所需积分:1积分
  • 源码编号:19JP-3074
  • 浏览次数:882次
  • 最后更新:2023年05月02日
  • 所属栏目:动画
本站默认解压密码:19jp.com 或 19jp_com

简介

Scrollocue是一个jQuery滚动插件,它允许您使用箭头键、空格键或点击来平滑地滚动文本行,类似于自动提词器系统。

基本用法:

1.创建要浏览的文本。默认情况下,插件将处理用<h1><p>。您可以在下一步中设置自定义选择器。

  1. <div id="demo">
  2. <h1>Title</h1>
  3. <p>TEXT 1</p>
  4. <p>TEXT 2</p>
  5. <p>TEXT 3</p>
  6. </div>

2.在页面底部加载jQuery Scrollocue插件,但要在jQuery库之后加载。

  1. <script src="/path/to/cdn/jquery.min.js"></script>
  2. <script src="/path/to/js/scrollocue.js"></script>

3.附加功能滚动框()到父容器,并使用以下参数配置滚动动画:

  1. $('#demo').scrollocue({
  2.  
  3. // selector
  4. lineSelector: 'h1, p',
  5.  
  6. // duration of animation
  7. scrollDuration: 1000,
  8.  
  9. // easing function
  10. scrollEasing: 'easeOutQuad'
  11. });

更新日志:

2023-04-18

  • 升级至jQuery 3.6.4

预览截图