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 no-repeat写法 背景不重复
Mar 18 Javascript
JavaScript 反科里化 this [译]
Sep 20 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
JS检测window.open打开的窗口是否关闭
Jun 25 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 Javascript
vue轮播图插件vue-awesome-swiper
Nov 27 Javascript
详解vue 数组和对象渲染问题
Sep 21 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
vue全局使用axios的操作
Sep 08 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
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
discuz目录文件资料汇总
2014/12/30 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
浅谈JavaScript for循环 闭包
2016/06/22 Javascript
BootStrap glyphicon图标无法显示的解决方法
2016/09/06 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
2016/09/06 Javascript
Vue中计算属性computed的示例解读
2017/07/26 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
2018/01/03 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
vue实现广告栏上下滚动效果
2020/11/26 Vue.js
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
python实现聚类算法原理
2018/02/12 Python
eclipse创建python项目步骤详解
2019/05/10 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
在Django下创建项目以及设置settings.py教程
2019/12/03 Python
python多进程重复加载的解决方式
2019/12/13 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
初婚未育未抱养证明
2014/01/12 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
培训楼经理岗位责任制
2014/02/10 职场文书
对祖国的寄语大全
2014/04/11 职场文书
小学见习报告
2014/10/31 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
管理失职检讨书范文
2015/05/05 职场文书
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL
Win11 BitLocker 驱动器加密
2022/04/19 数码科技