jQuery News Ticker 基于jQuery的即时新闻行情展示插件


Posted in Javascript onNovember 05, 2011

效果图:
jQuery News Ticker 基于jQuery的即时新闻行情展示插件

jQuery news ticker是一个非常方便的jQuery插件,能够快速让你生成这样的一个新闻行情效果。

它能够通过列表,HTML甚至是RSS(只能加载本站的RSS feed)来生成新闻内容,并且支持前后播放和停止。这个插件支持一系列的自定义选项,例如:

播放速度
播放效果
播放方向
显示时间
代码开发简单高效。

首先引入jQuery news ticker类库及其jQuery类库:

<link href="css/ticker-style.css" rel="stylesheet" type="text/css" /> 
<script src="jquery.ticker.js" type="text/javascript"></script>

HTML代码:
<div id="ticker-wrapper" class="no-js"> 
<ul id="js-news" class="js-hidden"> 
<li class="news-item"><a href="#">This is the 1st latest news item.</a></li> 
<li class="news-item"><a href="#">This is the 2nd latest news item.</a></li> 
<li class="news-item"><a href="#">This is the 3rd latest news item.</a></li> 
<li class="news-item"><a href="#">This is the 4th latest news item.</a></li> 
</ul> 
</div>

javascript:
<script type="text/javascript"> 
$(function () { 
$('#js-news').ticker(); 
}); 
</script>

官方网站 http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html
相关文件下载

Javascript 相关文章推荐
文本框的字数限制功能jquery插件
Nov 24 Javascript
提示$ is not defined错误分析及解决
Apr 09 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
js获取日期:昨天今天和明天、后天
Jun 11 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
jQuery选择器源码解读(三):tokenize方法
Mar 31 Javascript
Vue.js学习之过滤器详解
Jan 22 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
Feb 14 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
JS实现公告上线滚动效果
Jan 10 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 #Javascript
计算世界完全对称日的js代码,粗糙版
Nov 04 #Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 #Javascript
由Javascript实现的页面日历
Nov 04 #Javascript
jQuery中jqGrid分页实现代码
Nov 04 #Javascript
一个关于jqGrid使用的小例子(行按钮)
Nov 04 #Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 #Javascript
You might like
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
有关javascript的性能优化 (repaint和reflow)
2013/04/12 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
2014/03/03 Javascript
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
AngularJS延迟加载html template
2016/07/27 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
实例浅析js的this
2016/12/11 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
2018/12/16 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
基于vue-cli3和element实现登陆页面
2019/11/13 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
python中的全局变量用法分析
2015/06/09 Python
python从入门到精通(DAY 2)
2015/12/20 Python
Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
2016/07/04 Python
Android分包MultiDex策略详解
2017/10/30 Python
numpy中实现二维数组按照某列、某行排序的方法
2018/04/04 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
家长评语和期望
2014/02/10 职场文书
企业安全生产演讲稿
2014/05/09 职场文书
4s店销售经理岗位职责
2014/07/19 职场文书
个人租房协议书样本
2014/10/01 职场文书
2014年检察院个人工作总结
2014/12/09 职场文书
2014年绿化工作总结
2014/12/09 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
社区服务活动报告
2015/02/05 职场文书
放飞理想主题班会
2015/08/14 职场文书
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL