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 分页插件的改造方法(服务器端分页)
Jul 11 Javascript
js变量、作用域及内存详解
Sep 23 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 Javascript
详解js跨域原理以及2种解决方案
Dec 09 Javascript
ES6关于Promise的用法详解
May 07 Javascript
Angularjs中的$apply及优化使用详解
Jul 02 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
解决layui调用自定义方法提示未定义的问题
Sep 14 Javascript
Node.js 在本地生成日志文件的方法
Feb 07 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 Javascript
JavaScript利用html5新方法操作元素类名详解
Nov 27 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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
2007/03/06 Javascript
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
js实现非常棒的弹出div
2016/10/06 Javascript
H5图片压缩与上传实例
2017/04/21 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
JS异步错误捕获的一些事小结
2019/04/26 Javascript
TypeScript类型声明书写详解
2019/08/28 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
Vue3新特性之在Composition API中使用CSS Modules
2020/07/13 Javascript
Vue select 绑定动态变量的实例讲解
2020/10/22 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
python 异常处理总结
2016/10/18 Python
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
python2与python3共存问题的解决方法
2018/09/18 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
Python制作数据预测集成工具(值得收藏)
2020/08/21 Python
html5使用canvas画一条线
2014/12/15 HTML / CSS
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
物流专业求职计划书
2014/01/10 职场文书
计算机专业自荐信
2014/05/24 职场文书
给校长的一封检讨书
2014/09/20 职场文书
2015大学生实训报告
2014/11/05 职场文书
会计出纳岗位职责
2015/03/31 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
描写九月优美句子(39条)
2019/09/11 职场文书