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 写类方式之一
Jul 05 Javascript
jquery遍历数组与筛选数组的方法
Nov 05 Javascript
jQuery获取和设置表单元素的方法
Feb 14 Javascript
js拖拽一些常见的思路方法整理
Mar 19 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
javascript禁止超链接跳转的方法
Feb 02 Javascript
AngularJS教程之MVC体系结构详解
Aug 16 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
canvas实现图像放大镜
Feb 06 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
从0搭建vue-cli4脚手架
Jun 17 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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中使用正则表达式进行查找替换
2013/06/13 PHP
PHP对象相互引用的内存溢出实例分析
2014/08/28 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
(仅IE下有效)关于checkbox 三态
2007/05/12 Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
一道关于JavaScript变量作用域的面试题
2016/03/08 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
微信小程序 闭包写法详细介绍
2016/12/14 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
angular2中使用第三方js库的实例
2018/02/26 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
VUE实现自身整体组件销毁的示例代码
2020/01/13 Javascript
[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场
2014/05/24 DOTA
剖析Python的Twisted框架的核心特性
2016/05/25 Python
Python制作Windows系统服务
2017/03/25 Python
Python字典创建 遍历 添加等实用基础操作技巧
2018/09/13 Python
python dumps和loads区别详解
2020/02/04 Python
keras自动编码器实现系列之卷积自动编码器操作
2020/07/03 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
暑假家长评语大全
2014/04/17 职场文书
普通话宣传标语
2014/06/26 职场文书
逃课检讨书怎么写
2015/01/01 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
蓝天保卫战收官在即 :15行业将开展环保分级评价
2019/07/19 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python
Python 数据可视化之Matplotlib详解
2021/11/02 Python
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技