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插件 cluetip 关键词注释
Jan 12 Javascript
javascript最常用与实用的创建类的代码
Aug 12 Javascript
最短的javascript:地址栏载入脚本代码
Oct 13 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 Javascript
详解AngularJS中的作用域
Jun 17 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 Javascript
js实现1,2,3,5数字按照概率生成
Sep 12 Javascript
利用JS hash制作单页Web应用的方法详解
Oct 10 Javascript
微信小程序按钮点击跳转页面详解
May 06 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
多数据表共用一个页的新闻发布
2006/10/09 PHP
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
php网站判断用户是否是手机访问的方法
2013/11/01 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
PHP实现上传图片到数据库并显示输出的方法
2018/05/31 PHP
js常用函数 不错
2006/09/08 Javascript
jquery的颜色选择插件实例代码
2008/10/02 Javascript
JavaScript入门教程(2) JS基础知识
2009/01/31 Javascript
js post方式传递提交的实现代码
2010/05/31 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
js日期时间补零的小例子
2013/03/05 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
javascript模拟命名空间
2015/04/17 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
js prototype深入理解及应用实例分析
2019/11/25 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
Python将xml和xsl转换为html的方法
2015/03/10 Python
详解python while 函数及while和for的区别
2018/09/07 Python
PyQt4实时显示文本内容GUI的示例
2019/06/14 Python
python爬虫之自制英汉字典
2019/06/24 Python
python中class的定义及使用教程
2019/09/18 Python
八一建军节演讲稿
2014/09/10 职场文书
大学生活委员竞选稿
2015/11/21 职场文书
SQL注入的实现以及防范示例详解
2021/06/02 MySQL
PostgreSQL怎么创建分区表详解
2022/06/25 PostgreSQL