编程 Javascript

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程序设计有所帮助。

- Author -

Arata

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript入门学习资料收集整理篇

Jul 06 Javascript

javascript客户端解决方案缓存提供程序

Jul 14 Javascript

jQuery实现原理的模拟代码 -6 代码下载

Aug 16 Javascript

在JQuery dialog里的服务器控件事件失效问题

Dec 08 Javascript

延时加载JavaScript代码提高速度

Dec 27 Javascript

详解Vue.js基于$.ajax获取数据并与组件的data绑定

May 26 Javascript

React Native仿美团下拉菜单的实例代码

Aug 08 Javascript

ES7中利用Await减少回调嵌套的方法详解

Nov 01 Javascript

webpack组织模块打包Library的原理及实现

Mar 10 Javascript

微信小程序全局变量改变监听的实现方法

Jul 15 Javascript

vue移动端模态框(可传参)的实现

Nov 20 Javascript

如何用Node.js编写内存效率高的应用程序

Apr 30 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程序员的13个好习惯小结

2012/02/20 PHP

ThinkPHP中pathinfo的访问模式、路径访问模式及URL重写总结

2014/08/23 PHP

19个Android常用工具类汇总

2014/12/30 PHP

Zend Guard使用指南及问题处理

2015/01/07 PHP

php实现将上传word文件转为html的方法

2015/06/03 PHP

PHP使用phpunit进行单元测试示例

2019/09/23 PHP

ie下jquery.getJSON的缓存问题的处理方法

2013/03/29 Javascript

JS比较2个日期间隔的示例代码

2014/04/15 Javascript

编程语言JavaScript简介

2014/10/16 Javascript

c#+jquery实现获取radio和checkbox的值

2020/09/12 Javascript

jQuery中extend函数详解

2015/02/13 Javascript

深入理解JavaScript系列（28）：设计模式之工厂模式详解

2015/03/03 Javascript

JavaScript获取DOM元素的11种方法总结

2015/04/25 Javascript

快速解决js中window.location.href不工作的问题

2016/11/02 Javascript

js实现表单提交后不重新刷新当前页面

2016/11/30 Javascript

[js高手之路]寄生组合式继承的优势详解

2017/08/28 Javascript

微信小程序的生命周期的详解

2017/10/19 Javascript

解决v-for中使用v-if或者v-bind:class失效的问题

2018/09/25 Javascript

vue实现鼠标移过出现下拉二级菜单功能

2019/12/12 Javascript

微信小程序实现录制、试听、上传音频功能（带波形图）

2020/02/27 Javascript

Element实现表格嵌套、多个表格共用一个表头的方法

2020/05/09 Javascript

python求pi的方法

2014/10/08 Python

Python使用smtplib模块发送电子邮件的流程详解

2016/06/27 Python

python存储16bit和32bit图像的实例

2018/12/05 Python

使用python创建Excel工作簿及工作表过程图解

2020/05/27 Python

PyInstaller的安装和使用的详细步骤

2020/06/02 Python

解决numpy矩阵相减出现的负值自动转正值的问题

2020/06/03 Python

Django利用elasticsearch(搜索引擎)实现搜索功能

2020/11/26 Python

关于css兼容性问题及一些常见问题汇总

2016/05/03 HTML / CSS

个性大学生自我评价

2013/12/04 职场文书

考试保密承诺书

2014/08/30 职场文书

导游词之吉林花园山

2019/10/17 职场文书

如何获取numpy array前N个最大值

2021/05/14 Python

Python 发送SMTP邮件的简单教程

2021/06/24 Python

「睡美人」爱洛公主粘土人开订

2022/03/22 日漫

python+pytest接口自动化之token关联登录的实现

2022/04/06 Python