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 三种编解码方式
Feb 01 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
jQuery setTimeout()函数使用方法
Apr 07 Javascript
extjs 如何给column 加上提示
Jul 29 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
Oct 10 Javascript
关于redux-saga中take使用方法详解
Feb 27 Javascript
vue源码解析之事件机制原理
Apr 21 Javascript
解决layui table表单提示数据接口请求异常的问题
Sep 24 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
Feb 11 Javascript
原生js实现照片墙效果
Oct 13 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
thinkphp特殊标签用法概述
2014/11/24 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
PHP反射实际应用示例
2019/04/03 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
页面中iframe相互传值传参
2009/12/13 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
jquery得到font-size属性值实现代码
2013/09/30 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
Node.js获取前端ajax提交的request信息
2017/02/20 Javascript
Bootstrap 表单验证formValidation 实现远程验证功能
2017/05/17 Javascript
vue组件Prop传递数据的实现示例
2017/08/17 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
ReactNative 之FlatList使用及踩坑封装总结
2017/11/29 Javascript
vue写一个组件
2018/04/09 Javascript
小程序实现列表删除功能
2018/10/30 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
2020/05/12 Javascript
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Python爬取京东的商品分类与链接
2016/08/26 Python
使用Python3内置文档高效学习以及官方中文文档
2019/05/19 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
浅谈python的elementtree模块处理中文注意事项
2020/03/06 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
如何用python爬取微博热搜数据并保存
2021/02/20 Python
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
会计职业生涯规划书
2014/01/13 职场文书
上班离岗检讨书
2014/01/27 职场文书
预备党员转正意见
2015/06/01 职场文书
龙猫观后感
2015/06/09 职场文书
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL