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的Ajax的自动完成功能控件简要说明
Feb 22 Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
javascript学习笔记(一)基础知识
Sep 30 Javascript
14个有用的Jquery技巧分享
Jan 08 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
javascript实现的左右无缝滚动效果
Sep 19 Javascript
JS实现倒计时(天数、时、分、秒)
Nov 16 Javascript
浅谈JavaScript的计时器对象
Dec 26 Javascript
对vue中v-on绑定自定事件的实例讲解
Sep 06 Javascript
JavaScript实现图片放大预览效果
Nov 02 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 Javascript
JS实现简易日历效果
Jan 25 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之Smarty入门
2007/01/04 PHP
使用php伪造referer的方法 利用referer防止图片盗链
2014/01/20 PHP
php获取apk包信息的方法
2014/08/15 PHP
Javascript Math ceil()、floor()、round()三个函数的区别
2010/03/09 Javascript
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
js与jQuery 获取父窗、子窗的iframe
2013/12/20 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
js调试工具Console命令详解
2014/10/21 Javascript
JavaScript AOP编程实例
2015/06/16 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
基于JS实现的笛卡尔乘积之商品发布
2016/05/13 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
iconfont的三种使用方式详解
2018/08/05 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
React学习之JSX与react事件实例分析
2020/01/06 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
2020/07/20 Javascript
Python+Opencv识别两张相似图片
2020/03/23 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
Python探索之创建二叉树
2017/10/25 Python
Django中ajax发送post请求 报403错误CSRF验证失败解决方案
2019/08/13 Python
Python搭建代理IP池实现检测IP的方法
2019/10/27 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
旅游与酒店管理的自我评价分享
2013/11/03 职场文书
syb养殖创业计划书
2014/01/09 职场文书
实习生评语
2014/04/26 职场文书
美术社团活动总结
2014/06/27 职场文书
小学老师对学生的评语
2014/12/29 职场文书
班级联欢会主持词
2015/07/03 职场文书
三好学生主要事迹怎么写
2015/11/03 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
python获取字符串中的email
2022/03/31 Python
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL