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>
<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>
<script type="text/javascript">
$(function () {
$('#js-news').ticker();
});
</script>
官方网站 http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html
相关文件下载
相关推荐
-
JQuery将文本转化成JSON对象需要注意的问题
1)$.parseJSON方法返回的是一个字符串,而不是JSON对象. 2)要将字符串转化成对象,很容易想起JS中的eval方法.事实上是可以的,不过需要加上括号.如var js="{\"PageIndex\":\"1\"}";var obj=eval("("+js+")");.不过使用eval,是不安全的,因为其可以编译任何js代码. 3)下载一个JSON解析器,因为其只认可JSON文本.这样就比较安全了
-
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
指定元素中包含 id 属性的, 如: $("span[id]") 复制代码 代码如下: <span id="span1" name="S1">AAA</span><br/> <span id="span2" name="S2">BBB</span><br/> <span name="Sx3">CCC<
-
Jquery 获取对象的几种方式介绍
1.JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; '元素的个数,是个属性 $("Element").size(); '也是元素的个数,不过带括号是个方法 $("Element").get(); '某个元素在页面中的集合,以数组的形式存储 $("Element").get(index); '功能和上面的相同,index表示第几个元素,数组的下标 $("
-
jquery获取当前点击对象的value方法
例:获取ul中li的value值 首先,在html中我们要为每个li设置value值 复制代码 代码如下: <ul> <li value="你好"></li> <li value="hello"></li> <li value="=-="></li> </ul> 再通过jquery根据点击事件获取对应的value 复制代码 代码如下: $(docume
-
Javascript的无new构建实例详解
看jquery源代码第一步的时候,对于jquery对象的创建就看的云里雾里,琢磨半天终于有点感觉了,在此记录下 第一种方式: var A = function(){ return A.prototype.init(); } A.prototype = { init:function(){ this.age = 50; console.log(this); return this; }, age:100 } console.log(A() === new A()); 1.分析下结果为什么为true
-
jQuery 1.0.4 - New Wave Javascript(js源文件)
复制代码 代码如下: /* prevent execution of jQuery if included more then once */if(typeof window.jQuery == "undefined") {/* * jQuery 1.0.4 - New Wave Javascript * * Copyright (c) 2006 John Resig (jquery.com) * Dual licensed under the MIT (MIT-LICENSE
-
jquery删除ID为sNews的tr元素的内容
复制代码 代码如下: //删除ID为sNews的索引为JQID的tr元素里的内容$("#sNews table tr").eq(JQID).remove(); //此文以table为例,#sNews为div(容器)的ID:JQID为tr的索引,索引从0开始
-
实例详解jQuery的无new构建
jQuery的无new构建 jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作. 回想一下使用 jQuery 的时候,实例化一个 jQuery 对象的方法: // 无 new 构造 $('#test').text('Test'); // 当然也可以使用 new var test = new $('#test'); test.text('Test'); 大部分人使用 jQuery 的时候都是使用第一种无 new 的构造方式,直接 $('') 进行构造,这也是 jQuery 十分便捷的
-
jquery中each遍历对象和数组示例
通用遍历方法,可用于遍历对象和数组.$().each(),回调函数拥有两个参数: 第一个为对象的成员或数组的索引,第二个为对应变量或内容.如需退出each循环可使回调函数返回false 现有如下两个select 计划类别: <select id="PLANTYPE"> <option value="0">-所有-</option> <option value="1">新建</option>
-
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
效果图: jQuery news ticker是一个非常方便的jQuery插件,能够快速让你生成这样的一个新闻行情效果. 它能够通过列表,HTML甚至是RSS(只能加载本站的RSS feed)来生成新闻内容,并且支持前后播放和停止.这个插件支持一系列的自定义选项,例如: 播放速度 播放效果 播放方向 显示时间 代码开发简单高效. 首先引入jQuery news ticker类库及其jQuery类库: 复制代码 代码如下: <link href="css/ticker-style.css&q
-
jquery.cvtooltip.js 基于jquery的气泡提示插件
序 1.插件名cvtooltip中的cv是ChinaValue的首字母缩写,而tooltip就是提示啦. 2.适用于新功能的提示,引导用户的提示,即时类消息的提示,操作失败提示(操作成功了也没人拦着)等等等,使用css实现,不附带任何图片文件. 3.目前发现的问题,在Chorme中表现的不给力,是由于Chrome对页面的解析与IE和FF不同,导致jquery的position或者offset返回值不同. 4.该插件依然是练习之作,一人之力,错误难免. 实例演示 1.载入页面的同时,气泡提示也显示
-
jquery.Jwin.js 基于jquery的弹出层插件代码
代码如下: 复制代码 代码如下: (function ($) { var imgdir = 'images/';//图片文件夹路径 var autoHide=false;//悬浮div是否自动隐藏 var hideType='hide';//隐藏的方式 可选参数 hide.slide.fade var hideDelay=0;//悬浮div隐藏过程使用的时间 var hideTime=0;//悬浮div延迟隐藏时间 var zIndex=100;//多个div时获取焦点的div处于顶层 var
-
基于jquery实现在线选座订座之影院篇
先给大家展示效果图(支持源码下载哦): 查看演示 源码下载 我们在线购票时(如电影票.车票等)可以自己选座.开发者会在页面上列出座次席位,用户可以一目了然的看到可以选择的座位及支付.本文以电影院购票为例,为您展示如何选座.处理选座数据等. 在这里,我给大家介绍一款基于jQuery的在线选座插件:jQuery Seat Charts,它支持自定义座位类型和价格,支持自定义样式,支持设置不可选的座位,也支持键盘控制座位. HTML 我们假设进入电影<星际穿越>的选座页面,页面布局
-
php基于jquery的ajax技术传递json数据简单实例
本文实例讲述了php基于jquery的ajax技术传递json数据简单实现方法.分享给大家供大家参考,具体如下: html页面: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.2.mi
-
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
情景 目前有个需求是在文本框填入内容,自动触发keyup事件,下拉列表会自动过滤相应的选项,但是使用了$,ajax后发现,每次触发事件时,都导致整个网页闪烁,触发了全局ajax事件 代码片段 $.ajax({ type: "POST", url: root + "/xxx, data: requestData, dataType: "json", success: function(data){ // 清空列表 $("#formOpinion #
-
基于Jquery.history解决ajax的前进后退问题
以下内容是关于Jquery.history解决ajax的前进后退问题,具体详情请看下文. 本文的前提是基于后台的,所以这里不会考虑seo的问题.同时,基于后台的管理系统,也不需要被收藏,所以也不会考虑刷新的这种类似直接敲网址的情况!!! 这里使用的是html5中的history.state 来解决. 网上已经有了js的开源解决方案pushState.详见pjax 但是这个方案不适合我的项目(后台项目),尤其是主要的方法有点不够用. 我使用的是 jquery.history.js 可以参考这个
-
基于jQuery的网页影音播放器jPlayer的基本使用教程
jPlayer简介: 想在网页上播放背景音乐,不想用html标签的方式,因为那样只有音乐全部下载完以后才能播放,还容易出现跨浏览器兼容性的问题,于是选了一款基于jQuery的播放器jPlayer来做. 设置jPlayer的尺寸大小 使用构造函数配置jPlayer({size:Object})设置jPlayer的高宽. 使用构造函数配置jPlayer({sizeFull:Object})设置全屏尺寸. 注意可通过构造函数配置jPlayer({backgroundColor:"#RRGGBB&quo
-
基于jQuery的消息提示插件 DivAlert之旅(二)
改进的代码部分主要如下: 1.创建default.css文件: 代码 复制代码 代码如下: img { vertical-align:middle; } .jBg { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #999; filter: alpha(opacity=70); opacity: 0.7; } .jWrap { position: absolute; border: 1px solid
-
基于jQuery实现Div窗口震动特效代码-代码简单
这是一款jQuery窗口震动效果代码,在Div边框内点击一下鼠标,它就开始震动了,适用浏览器:IE8.360.FireFox.Chrome.Opera.傲游.搜狗.世界之窗等. 效果图如下: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns=&q
随机推荐
- Python多维/嵌套字典数据无限遍历的实现
- js split 的用法和定义 js split分割字符串成数组的实例代码
- 图片上传之FileAPI与NodeJs
- python二叉树遍历的实现方法
- 给Win2K系统加装纯DOS支持
- 批处理 延时不完全总结
- 总结IOS中隐藏软键盘的三种方式
- Python中MYSQLdb出现乱码的解决方法
- 原生js实现返回顶部缓冲效果
- 常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
- JavaScript基本数据类型及值类型和引用类型
- IP地址正则表达式匹配方法
- python 性能提升的几种方法
- C#使用二维数组模拟斗地主
- jquery 学习之二 属性 文本与值(text,val)
- Linux下的chkconfig命令详解
- MongoDB教程之查询操作实例
- jquery改变disabled的boolean状态的三种方法
- java中将汉字转换成拼音的实现代码
- 用PHPdig打造属于你自己的Google[图文教程]