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 相关文章推荐
js类定义函数时用prototype与不用的区别示例介绍
Jun 10 Javascript
js制作简易年历完整实例
Jan 28 Javascript
jQuery实现简单下拉导航效果
Sep 07 Javascript
javascript弹出窗口实现代码
Nov 12 Javascript
实用又漂亮的BootstrapValidator表单验证插件
May 30 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
利用C/C++编写node.js原生模块的方法教程
Jul 07 Javascript
JavaScript面向对象精要(下部)
Sep 12 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
使用express+multer实现node中的图片上传功能
Feb 02 Javascript
Vue自定义指令实现checkbox全选功能的方法
Feb 28 Javascript
浅析vue中的provide / inject 有什么用处
Nov 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
DIY一个适配电脑声卡的动圈话筒放大器
2021/03/02 无线电
php中防止伪造跨站请求的小招式
2011/09/02 PHP
解析用PHP实现var_export的详细介绍
2013/06/20 PHP
用JavaScript获取DOM元素位置和尺寸大小的方法
2013/04/12 Javascript
js对table的td进行相同内容合并示例详解
2013/12/27 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
关于vue的npm run dev和npm run build的区别介绍
2019/01/14 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
2020/01/08 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
好的Python培训机构应该具备哪些条件
2018/05/23 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
Python 实现域名解析为ip的方法
2019/02/14 Python
详解程序意外中断自动重启shell脚本(以Python为例)
2019/07/26 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
Python如何读写字节数据
2020/08/05 Python
For Art’s Sake官网:手工制作的奢华眼镜
2018/12/15 全球购物
I.T集团香港官方商城:ITeSHOP.com Hong Kong
2019/02/15 全球购物
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
中级会计职业生涯规划书
2014/03/01 职场文书
会计自荐信范文
2014/03/09 职场文书
事假请假条范文
2014/04/11 职场文书
初中英语课后反思
2014/04/25 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
党支部承诺书
2015/01/20 职场文书
欠款纠纷起诉状
2015/05/19 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
解决pytorch读取自制数据集出现过的问题
2021/05/31 Python
JavaScript前端面试扁平数据转tree与tree数据扁平化
2022/06/14 Javascript
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python