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

鼠标经过的文本框textbox变色

May 21 Javascript

Javascript实现Web颜色值转换

Feb 05 Javascript

浅谈javascript:两种注释,声明变量,定义函数

Sep 29 Javascript

Javascript之面向对象--封装

Dec 02 Javascript

JavaScript学习笔记之惰性函数示例详解

Aug 27 Javascript

解决vue处理axios post请求传参的问题

Mar 05 Javascript

关于vue-router的那些事儿

May 23 Javascript

微信小程序实现发红包功能

Jul 11 Javascript

详解Axios统一错误处理与后置

Sep 26 Javascript

vscode+gulp轻松开发小程序的完整步骤

Oct 18 Javascript

JS实现选项卡插件的两种写法（jQuery和class）

Dec 30 jQuery

JavaScript实现淘宝商品图切换效果

Apr 29 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开发中页面出现乱码的一种解决方法

2007/07/29 PHP

php木马攻击防御之道

2008/03/24 PHP

php 随机记录mysql rand()造成CPU 100%的解决办法

2010/05/18 PHP

PHP中两个float(浮点数)比较实例分析

2015/09/27 PHP

PHP排序二叉树基本功能实现方法示例

2018/05/26 PHP

TNC vs BOOM BO3 第三场2.13

2021/03/10 DOTA

JS 建立对象的方法

2007/04/21 Javascript

THREE.JS入门教程(5)你应当知道的十件事

2013/01/24 Javascript

Bootstrap每天必学之进度条

2015/11/30 Javascript

javascript如何实现360度全景照片问题汇总

2016/04/04 Javascript

Node.js + Redis Sorted Set实现任务队列

2016/09/19 Javascript

H5图片压缩与上传实例

2017/04/21 Javascript

Javascript ES6中数据类型Symbol的使用详解

2017/05/02 Javascript

React Native之TextInput组件解析示例

2017/08/22 Javascript

Vue页面骨架屏的实现方法

2018/05/22 Javascript

KOA+egg.js集成kafka消息队列的示例

2018/11/09 Javascript

深入了解JavaScript 防抖和节流

2019/09/12 Javascript

Linux RedHat下安装Python2.7开发环境

2017/05/20 Python

快速入门python学习笔记

2017/12/06 Python

Python字典操作详细介绍及字典内建方法分享

2018/01/04 Python

python爬取m3u8连接的视频

2018/02/28 Python

Django基础知识 web框架的本质详解

2019/07/18 Python

Python三元运算与lambda表达式实例解析

2019/11/30 Python

python 实现批量替换文本中的某部分内容

2019/12/13 Python

python使用布隆过滤器的实现示例

2020/08/20 Python

Python3 pyecharts生成Html文件柱状图及折线图代码实例

2020/09/29 Python

基于python实现监听Rabbitmq系统日志代码示例

2020/11/28 Python

快速一键生成Python爬虫请求头

2021/03/04 Python

写一个函数，求一个字符串的长度。在main函数中输入字符串，并输出其长度

2015/11/18 面试题

.NET里面什么时候需要调用垃圾回收

2015/06/01 面试题

茶叶生产计划书

2014/01/10 职场文书

警察先进个人事迹材料

2014/05/16 职场文书

节约用水演讲稿

2014/05/21 职场文书

2014年初级职称工作总结

2014/12/08 职场文书

微观世界观后感

2015/06/10 职场文书

话题作文之关于呼唤

2019/11/29 职场文书