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下通过getList函数实现分页效果的代码
Sep 17 Javascript
JS中处理与当前时间间隔的函数代码
May 23 Javascript
JavaScript之IE的fireEvent方法详细解析
Nov 20 Javascript
javascript实现简单的Map示例介绍
Dec 23 Javascript
js获取判断上传文件后缀名的示例代码
Feb 19 Javascript
javascript中expression的用法整理
May 13 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
js实现界面向原生界面发消息并跳转功能
Nov 22 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
Apr 01 Javascript
详解vue 中 scoped 样式作用域的规则
Sep 14 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
用php写的serv-u的web申请账号的程序
2006/10/09 PHP
UCenter 批量添加用户的php代码
2012/07/17 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
用Mootools获得操作索引的两种方法分享
2011/12/12 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
JavaScript的内存释放问题详解
2015/01/21 Javascript
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
2016/08/01 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
2016/11/25 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
2017/03/16 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
vue 解决文本框被键盘遮住的问题
2019/11/06 Javascript
原生JS与CSS实现软件卸载对话框功能
2019/12/05 Javascript
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
Python表示矩阵的方法分析
2017/05/26 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
python使用yield压平嵌套字典的超简单方法
2019/11/02 Python
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
Shell如何接收变量输入
2016/08/06 面试题
优秀教师单行材料
2014/12/16 职场文书
企业爱心捐款倡议书
2015/04/27 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python
Go语言基础知识点介绍
2021/07/04 Golang
php png失真的原因及解决办法
2021/11/17 PHP
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python
win sever 2022如何占用操作主机角色
2022/06/25 Servers