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 IE中的DOM ready应用技巧
Jul 23 Javascript
Javascript通过overflow控制列表闭合与展开的方法
May 15 Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 Javascript
JS实现网页Div层Clone拖拽效果
Sep 26 Javascript
jQuery实现的网页左侧在线客服效果代码
Oct 23 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
使用jquery datatable和bootsrap创建表格实例代码
Mar 17 Javascript
将angular-ui的分页组件封装成指令的方法详解
May 10 Javascript
js中的this的指向问题详解
Aug 29 Javascript
jquery实现购物车基本功能
Oct 25 jQuery
再说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
深入了解php4(1)--回到未来
2006/10/09 PHP
ThinkPHP中pathinfo的访问模式、路径访问模式及URL重写总结
2014/08/23 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
js 内存释放问题
2010/04/25 Javascript
jQuery与其它库冲突的解决方法
2010/06/25 Javascript
JQuery从头学起第三讲
2010/07/06 Javascript
jQuery/CSS3图片特效插件整理推荐
2014/12/07 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
简单纯js实现点击切换TAB标签实例
2015/08/23 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
2020/04/20 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
vue框架搭建之axios使用教程
2018/07/11 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
2018/10/26 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
原生js+css调节音量滑块
2020/01/15 Javascript
Sanic框架请求与响应实例分析
2018/07/16 Python
Python跳出多重循环的方法示例
2019/07/03 Python
带你彻底搞懂python操作mysql数据库(cursor游标讲解)
2020/01/06 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
html5的input的required使用中遇到的问题及解决方法
2018/04/24 HTML / CSS
使用canvas一步步实现图片打码功能的方法
2019/06/17 HTML / CSS
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
材料采购员岗位职责
2013/12/17 职场文书
中学教师管理制度
2014/01/14 职场文书
校园公益广告语
2014/03/13 职场文书
学校食堂标语
2014/10/06 职场文书
迁户口计划生育证明
2014/10/19 职场文书
2015年学校保卫部工作总结
2015/05/11 职场文书
污染环境建议书
2015/09/14 职场文书
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers
Linux、ubuntu系统下查看显卡型号、显卡信息详解
2022/04/07 Servers