编程 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 相关文章推荐

jQuery 使用手册(七)

Sep 23 Javascript

为超链接加上disabled后的故事

Dec 10 Javascript

JavaScript获取页面上某个元素的代码

Mar 13 Javascript

javascript 事件处理、鼠标拖动效果实现方法详解

May 11 Javascript

jQuery操作表格（table）的常用方法、技巧汇总

Apr 12 Javascript

jQuery的ajax下载blob文件

Jul 21 Javascript

深入浅析AngularJS中的一次性数据绑定 (bindonce)

May 11 Javascript

JavaScript实现瀑布流图片效果

Jun 30 Javascript

jQuery实现文件编码成base64并通过AJAX上传的方法

Apr 12 jQuery

webgl实现物体描边效果的方法介绍

Nov 27 Javascript

js利用iframe实现选项卡效果

Aug 09 Javascript

Vue使用路由钩子拦截器beforeEach和afterEach监听路由

Nov 16 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

php5.3中连接sqlserver2000的两种方法(com与ODBC)

2012/12/29 PHP

解析thinkphp中的M()与D()方法的区别

2013/06/22 PHP

PHP语法自动检查的Vim插件

2014/08/11 PHP

让iframe子窗体取父窗体地址栏参数(querystring)

2009/10/13 Javascript

Javascript 类型转换方法

2010/10/24 Javascript

javascript生成json数据简单示例分享

2014/02/14 Javascript

JavaScript函数模式详解

2014/11/07 Javascript

重写document.write实现无阻塞加载js广告(补充)

2014/12/12 Javascript

jQuery获得子元素个数的方法

2015/04/14 Javascript

jquery利用拖拽方式在图片上添加热链接

2015/11/24 Javascript

总结JavaScript三种数据存储方式之间的区别

2016/05/03 Javascript

Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法

2016/06/23 Javascript

基于bootstrap风格的弹框插件

2016/12/28 Javascript

jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果

2017/02/15 Javascript

Node.js对MongoDB数据库实现模糊查询的方法

2017/05/03 Javascript

利用Three.js如何实现阴影效果实例代码

2017/09/26 Javascript

vuex 项目结构目录及一些简单配置介绍

2018/04/08 Javascript

微信小程序开发之路由切换页面重定向问题

2018/09/18 Javascript

Python常见文件操作的函数示例代码

2011/11/15 Python

Python中文竖排显示的方法

2015/07/28 Python

Python实现获取域名所用服务器的真实IP

2015/10/25 Python

Pyinstaller将py打包成exe的实例

2018/03/31 Python

Django+JS 实现点击头像即可更改头像的方法示例

2018/12/26 Python

Python图像阈值化处理及算法比对实例解析

2020/06/19 Python

Python调用REST API接口的几种方式汇总

2020/10/19 Python

html5 Canvas画图教程(9)—canvas中画出矩形和圆形

2013/01/09 HTML / CSS

荷兰网上药店：Drogisterij.net

2019/09/03 全球购物

如何通过jdbc调用存储过程

2012/04/19 面试题

报关简历自我评价怎么写

2013/09/19 职场文书

员工年终演讲稿

2014/01/03 职场文书

数控技术专科生自我评价

2014/01/08 职场文书

食品销售计划书

2014/04/26 职场文书

企业宣传策划方案

2014/05/29 职场文书

浅谈：电影《孔子》观后感（范文）

2019/10/14 职场文书

聊聊Python中关于a=[[]]*3的反思

2021/06/02 Python

浅谈Redis位图(Bitmap)及Redis二进制中的问题

2021/07/15 Redis