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一组验证函数
Dec 20 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
Jun 22 Javascript
JS实现的多张图片轮流播放幻灯片效果
Jul 22 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 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通用分页类page.php[仿google分页]
2008/08/31 PHP
php 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
解析PHP汉字转换拼音的类
2013/06/18 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
关于laravel模板中生成URL的几种模式总结
2019/10/18 PHP
日期函数扩展类Ver0.1.1
2006/09/07 Javascript
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
JavaScript中的函数声明和函数表达式区别浅析
2015/03/27 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
浅谈使用MVC模式进行JavaScript程序开发
2015/11/10 Javascript
详解jQuery简单的表单应用
2016/12/16 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
vue复合组件实现注册表单功能
2017/11/06 Javascript
解决vue打包之后静态资源图片失效的问题
2018/02/21 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
浅谈如何优雅处理JavaScript异步错误
2019/11/12 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
深入理解Django中内置的用户认证
2017/10/06 Python
Python下调用Linux的Shell命令的方法
2018/06/12 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
在Tensorflow中实现梯度下降法更新参数值
2020/01/23 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
详解使用canvas保存网页为pdf文件支持跨域
2018/11/23 HTML / CSS
HTML5单页面手势滑屏切换原理
2016/03/21 HTML / CSS
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
银行实习的自我鉴定
2013/12/10 职场文书
中专毕业生自我鉴定
2014/02/02 职场文书
三年级评语大全
2014/04/23 职场文书
党员个人剖析材料
2014/09/30 职场文书
525心理健康活动总结
2015/05/08 职场文书