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 相关文章推荐
用javascript编写的第一人称射击游戏
Feb 25 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
弹出窗口并且此窗口带有半透明的遮罩层效果
Mar 13 Javascript
跟我学习javascript的严格模式
Nov 16 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
Jan 04 Javascript
React学习之事件绑定的几种方法对比
Sep 24 Javascript
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
原生JS实现$.param() 函数的方法
Aug 10 Javascript
vue实现锚点定位功能
Jun 29 Vue.js
再说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
php 静态页面中显示动态内容
2009/08/14 PHP
PHP实现简易blog的制作
2016/10/24 PHP
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
js封装可使用的构造函数继承用法分析
2015/01/28 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
jQuery表单美化插件jqTransform使用详解
2015/04/12 Javascript
关于延迟加载JavaScript
2015/05/05 Javascript
web前端开发JQuery常用实例代码片段(50个)
2015/08/28 Javascript
JavaScript实现点击按钮直接打印
2016/01/06 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
Bootstrap实现的经典栅格布局效果实例【附demo源码】
2017/03/30 Javascript
javascript内存分配原理实例分析
2017/04/10 Javascript
javascript 玩转Date对象(实例讲解)
2017/07/11 Javascript
vue props传值失败 输出undefined的解决方法
2018/09/11 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
Python之reload流程实例代码解析
2018/01/29 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
国际象棋商店:The Chess Store
2018/07/09 全球购物
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
英国网上自行车商店:Tredz Bikes
2019/10/29 全球购物
求职信的要素有哪些呢
2013/12/26 职场文书
办理护照介绍信
2014/01/16 职场文书
领导接待方案
2014/03/13 职场文书
小学一年级评语大全
2014/04/22 职场文书
羽毛球比赛策划方案
2014/06/13 职场文书
励志演讲稿200字
2014/08/21 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
2015年党员承诺书
2015/01/21 职场文书
供应商食品安全承诺书
2015/04/29 职场文书
谢师宴学生致辞
2015/07/27 职场文书
2019关于实习生工作安排及待遇的管理方案!
2019/07/16 职场文书