Autocue Teleprompter Like jQuery文本滚动插件 scrollocue

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

简介

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

基本用法:

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

<div id="demo">
  <h1>Title</h1>
  <p>TEXT 1</p>
  <p>TEXT 2</p>
  <p>TEXT 3</p>
</div>

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

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

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

$('#demo').scrollocue({

  // selector
  lineSelector: 'h1, p',

  // duration of animation 
  scrollDuration: 1000,

  // easing function
  scrollEasing: 'easeOutQuad'
  
});

更新日志:

2023-04-18

  • 升级至jQuery 3.6.4

预览截图