帝国模板之家为广大用户提供专业、一站式建站服务。

网页特效

网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。

当前位置:首页 > 资源 > 网页特效 > 正文

jquery(eocjs-newsticker)文字水平循环滚动动画插件

帝国模板之家 2020-11-05 网页特效 评论

eocjs-newsticker是一款简单可配置的jQuery插件,可以实现文本水平循环滚动,设定文本滚动速度。适用于新闻突发、股票报价、消息等循环播报。支持静态文本和JSON / JSONP数据源/AJAX异步获取数据。

1. 在HTML页面中加载jQuery库和eocjsNewsticker插件文件。

<script src="jquery.min.js"></script>
<script src="eocjs-newsticker.js"></script>
<link rel="stylesheet" href="eocjs-newsticker.css" />

2. 静态调用方法:

<div id="example">This Is A Static News Ticker</div>
$("#example").eocjsNewsticker({
  // options here
});

3. 通过JSON文件加载内容

<div id="example"></div>
$("#example").eocjsNewsticker({
  type: 'ajax',
  source: 'data.json'
});
// data.json
{
  "1": "Breaking News 1", 
  "2": "Breaking News 2", 
  "3": "Breaking News 3", 
  "4": "Breaking News 4", 
  "5": "Breaking News 5"
}

4. 配置选项

$("#example").eocjsNewsticker({
  // animation speed
  speed: 20,
  // time to wait before starting
  timeout: 1,
  // divider between news
  divider: '+++',
  // or 'ajax'
  type: 'static'
});

5. AJAX模式

$("#example").eocjsNewsticker({
  // data source
  source: '',
  // or 'jsonp'
  dataType: 'json',
  // used for jsonp
  callback: 'callback', 
  // polling interval of the ajax source (seconds)
  interval: 120 
});

会员登陆后即可下载资源文件。更多好用网站特效插件,请关注帝国模板之家

这世上无忧无虑的人,反而相对寿命会长点。

已有 位小伙伴发表了看法

欢迎 发表评论

  • 匿名发表

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系站长删除,谢谢! 寻找帝国cms模板首选帝国模板之家,用心做站,上线至今广受好评,值得信赖!

  • 交流群1:帝国cms交流群1
  • 交流群2:帝国cms交流群2
在线QQ 给我留言