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 相关文章推荐
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
详解JavaScript编程中的数组结构
Oct 24 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
jQuery实现查找最近父节点的方法
Jun 23 Javascript
js中的关联数组与普通数组详解
Jul 27 Javascript
快速解决js中window.location.href不工作的问题
Nov 02 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
Jan 04 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 Javascript
angular十大常见问题
Mar 07 Javascript
webpack打包js的方法
Mar 12 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
ES6箭头函数和扩展实例分析
May 23 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中socket通信机制实例详解
2015/01/03 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
PHP解压ZIP文件到指定文件夹的方法
2016/11/17 PHP
thinkPHP分页功能实例详解
2017/05/05 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
JavaScript 继承详解(二)
2009/07/13 Javascript
Javascript 验证上传图片大小[客户端]
2009/08/01 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
Node.js实现批量去除BOM文件头
2014/12/20 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
学习JavaScript设计模式之代理模式
2016/01/12 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
2016/01/27 Javascript
Javascript 字符串模板的简单实现
2016/02/13 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
2016/06/08 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
在antd Form表单中select设置初始值操作
2020/11/02 Javascript
js仿淘宝放大镜效果
2020/12/28 Javascript
Python多线程爬虫简单示例
2016/03/04 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
Python程序打包工具py2exe和PyInstaller详解
2019/06/28 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
python实现学生信息管理系统源码
2021/02/22 Python
html5指南-5.使用web storage存储键值对的数据
2013/01/07 HTML / CSS
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
答辩状格式范本
2015/05/22 职场文书
爱国主题班会教案
2015/08/14 职场文书
八年级作文之友情
2019/11/25 职场文书