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插件实现点击小图显示大图效果
May 11 Javascript
微信小程序 前端源码逻辑和工作流详解
Oct 08 Javascript
javascript入门之string对象【新手必看】
Nov 22 Javascript
AngularJS实现的回到顶部指令功能实例
May 17 Javascript
浅谈Angular 中何时取消订阅
Nov 22 Javascript
Bootstrap4如何定制自己的颜色和风格
Feb 26 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
详解微信小程序用定时器实现倒计时效果
Apr 30 Javascript
利用原生JavaScript实现造日历轮子实例代码
May 08 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
May 17 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
JavaScript Image对象实现原理实例解析
Aug 26 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 批量删除数据的方法分析
2009/10/30 PHP
农历与西历对照
2006/09/06 Javascript
Javascript 生成指定范围数值随机数
2009/01/09 Javascript
判断iframe是否加载完成的完美方法
2010/01/07 Javascript
基于jquery的复制网页内容到WORD的实现代码
2011/02/16 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
2016/10/19 Javascript
Bootstrap 填充Json数据的实例代码
2017/01/11 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
jQuery选择器之表单元素选择器详解
2017/09/19 jQuery
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
Vue $emit()不能触发父组件方法的原因及解决
2020/07/28 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
[00:33]2016完美“圣”典风云人物:Sccc宣传片
2016/12/03 DOTA
python模拟enum枚举类型的方法小结
2015/04/30 Python
用python实现简单EXCEL数据统计的实例
2017/01/24 Python
Python 删除连续出现的指定字符的实例
2018/06/29 Python
python中的插值 scipy-interp的实现代码
2018/07/23 Python
django admin.py 外键,反向查询的实例
2019/07/26 Python
python写一个随机点名软件的实例
2019/11/28 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
django使用graphql的实例
2020/09/02 Python
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
团支书的期末学习总结自我评价
2013/11/01 职场文书
好的自荐信包括什么内容
2013/11/07 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
责任胜于能力演讲稿
2014/05/20 职场文书
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS