jquery实现翻动fadeIn显示的方法


Posted in Javascript onMarch 05, 2015

本文实例讲述了jquery实现翻动fadeIn显示的方法。分享给大家供大家参考。具体实现方法如下:

$(function() {
  //翻动显示
  $("#zuixin div:not(:first)").css("display","none");
  var B=$("#zuixin div:last");
  var C=$("#zuixin div:first");
  setInterval(function(){
    if(B.is(":visible")){
      C.fadeIn(500).addClass("in");B.hide()
    }else{
      $("#zuixin div:visible").addClass("in");
      $("#zuixin div.in").next().fadeIn(500);
      $("div.in").hide().removeClass("in");
    }
  },3000); //每3秒钟切换一条,你可以根据需要更改
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
javaScript - 如何引入js代码
Mar 09 Javascript
javascript 中对象的继承〔转贴〕
Jan 22 Javascript
分享几个超级震憾的图片特效
Jan 08 Javascript
JavaScript中数组成员的添加、删除介绍
Dec 30 Javascript
JS实现超简单的鼠标拖动效果
Nov 02 Javascript
javascript的几种继承方法介绍
Mar 22 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
jQuery ajaxForm()的应用
Oct 14 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
完美解决axios在ie下的兼容性问题
Mar 05 Javascript
vue+element tabs选项卡分页效果
Jun 29 Javascript
解决vue-loader加载不上的问题
Oct 21 Javascript
Shell脚本实现Linux系统和进程资源监控
Mar 05 #Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
Mar 05 #Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 #Javascript
Redis基本知识、安装、部署、配置笔记
Mar 05 #Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
Mar 05 #Javascript
PHP 数组current和next用法分享
Mar 05 #Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
Mar 05 #Javascript
You might like
社区(php&&mysql)五
2006/10/09 PHP
用PHP查询域名状态whois的类
2006/11/25 PHP
PHP 正则判断中文UTF-8或GBK的思路及具体实现
2013/11/26 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
php将文本文件转换csv输出的方法
2014/12/31 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
jQuery 打造动态下滑菜单实现说明
2010/04/15 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
纯JS实现旋转图片3D展示效果
2015/04/12 Javascript
图解js图片轮播效果
2015/12/20 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
2016/06/30 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
JS实现移动端判断上拉和下滑功能
2017/08/07 Javascript
JS原生数据双向绑定实现代码
2017/08/14 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
vue实现PC端分辨率适配操作
2020/08/03 Javascript
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
Python编写电话薄实现增删改查功能
2016/05/07 Python
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
win10系统下Anaconda3安装配置方法图文教程
2018/09/19 Python
Python银行系统实战源码
2019/10/25 Python
python IDLE添加行号显示教程
2020/04/25 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
Pycharm安装第三方库失败解决方案
2020/11/17 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
防火标语大全
2014/10/06 职场文书
优秀教师先进事迹材料
2014/12/15 职场文书
教学副校长工作总结
2015/08/13 职场文书