当前位置:  编程技术>jquery

jquery 新闻循环切换的实现代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  使用jquery脚本实现新闻信息的循环切换,代码参考如下。 1、html部分   代码示例: 第一条消息 第二条消息 第三条消息 2、载入JQuery类库   代码示例: 3、JQuery脚本代码   代码示例: $(document).ready(function(){ $(“#twitter li:...

使用jquery脚本实现新闻信息的循环切换,代码参考如下。

1、html部分
 

代码示例:

  • 第一条消息

  • 第二条消息

  • 第三条消息

2、载入JQuery类库
 

代码示例:

3、JQuery脚本代码
 

代码示例:
$(document).ready(function(){
$(“#twitter li:not(:first)”).css(“display”,”none”);
var B=$(“#twitter li:last”);
var C=$(“#twitter li:first”);
setInterval(function(){
if(B.is(“:visible”)){
C.fadeIn(500).addClass(“in”);B.hide()
}else{
$(“#twitter li:visible”).addClass(“in”);
$(“#twitter li.in”).next().fadeIn(500);
$(“li.in”).hide().removeClass(“in”)}
},3000) //每3秒钟切换一条
})

    
 
 

您可能感兴趣的文章:

  • jQuery图片切换插件 ImageSwitch
  • jQuery 开关切换插件 On-Off Toggle Switches
  • jQuery图片效果切换 Adipoli
  • jQuery的对象切换插件 sochange-juqeryplugin
  • jQuery回车键切换文本框焦点
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jQuery 页面切换插件 browserSwipe.js
  • jQuery 随机切换图片的例子
  • jquery图片淡入淡出与图片切换效果的例子
  • jQuery字体大小切换的实现代码
  • jquery自动切换淡入淡出效果的例子
  • Jquery 点击切换图片并隐藏与显示内容的实现代码
  • Jquery实例 动态切换图片
  • jquery限制只能输入数字 禁止复制粘贴与输入法切换
  • jQuery导航条背景切换效果的实现代码(图文)
  • jQuery图片切换插件jquery.cycle.js使用示例
  • jquery自动切换tabs选项卡的实现代码
  • jQuery切换网页皮肤并保存到Cookie示例代码
  • jquery自动切换tabs选项卡的具体实现
  • Jquery图片滚动切换的代码
  • jQuery each循环获取与搜索元素
  • jquery进行数组遍历如何跳出当前的each循环
  • Jquery each方法跳出循环,并获取返回值(实例讲解)
  • jquery退出each循环的写法
  • jQuery循环array与map小例子
  • jquery 中的each()跳出循环的语句
  • 解析prototype,JQuery中跳出each循环的方法
  • Jquery 动态循环输出表格的简单例子
  • Jquery 无限循环滚动公告的实现代码分享
  • jQuery循环判断点击某节点
  • jquery $("#variable") 循环改变variable的值示例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jquery代码-如何使用jQuery来解析xml
  • jQuery概述,代码举例及最新版下载
  • jquery代码-如何使用jQuery来检测右键和左键的鼠标单击两种情况
  • jQuery 禁用右键菜单的简单代码
  • jQuery页面加载完毕再执行代码多种方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery实现元素屏幕居中显示的代码
  • jQuery 代码模块化 TerrificJS
  • 在myeclipse中如何加入jquery代码提示功能
  • jquery弹窗代码示例
  • Jquery在指定DIV加载HTML示例代码
  • jquery遍历checkbox代码与说明
  • JQUERY 设置SELECT选中项代码
  • jQuery获得内容和属性示例代码
  • jQuery的each终止或跳过示例代码
  • jquery代码-如何使用多个属性来进行过滤
  • 简单的代码实现jquery定时器
  • jquery捕捉回车事件的代码
  • jquery实现图片路径不存在时进行替换的代码
  • jquery 页面滚动到指定DIV的代码
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery鼠标动画插件 jquery-ahover
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3