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 相关文章推荐
动态改变textbox的宽高的js
Oct 26 Javascript
AngularJS入门教程之学习环境搭建
Dec 06 Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 Javascript
JavaScript里实用的原生API汇总
May 14 Javascript
JavaScript中实现map功能代码分享
Jun 11 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
Feb 23 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
Dec 18 Javascript
vue element-ui实现动态面包屑导航
Dec 23 Javascript
vue 使用lodash实现对象数组深拷贝操作
Sep 10 Javascript
小程序自定义圆形进度条
Nov 17 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
模仿OSO的论坛(五)
2006/10/09 PHP
php数组生成html下拉列表的方法
2015/07/20 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
php实现简单的守护进程创建、开启与关闭操作
2019/08/13 PHP
起点页面传值js,有空研究学习下
2010/01/25 Javascript
JavaScript中实现块作用域的方法
2010/04/01 Javascript
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
jQuery中:animated选择器用法实例
2014/12/29 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
详解Angular中$cacheFactory缓存的使用
2016/08/19 Javascript
微信小程序实现实时圆形进度条的方法示例
2017/02/24 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
2019/11/12 Javascript
vue实现输入一位数字转汉字功能
2019/12/13 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
[50:34]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[09:13]DOTA2-DPC中国联赛 正赛 Ehome vs Magma 选手采访 1月19日
2021/03/11 DOTA
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
Python GUI编程完整示例
2019/04/04 Python
python for和else语句趣谈
2019/07/02 Python
Python多进程multiprocessing、进程池用法实例分析
2020/03/24 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
python如何保存文本文件
2020/06/07 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
HTML5响应式(自适应)网页设计的实现
2017/11/17 HTML / CSS
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
大学生年度自我鉴定
2013/10/31 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
儿子满月酒致辞
2015/07/29 职场文书
办公室管理规章制度
2015/08/04 职场文书
会计入职心得体会
2016/01/22 职场文书