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 相关文章推荐
理解Javascript_05_原型继承原理
Oct 13 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 Javascript
VUEJS实战之构建基础并渲染出列表(1)
Jun 13 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
用jQuery实现圆点图片轮播效果
Mar 19 Javascript
页面间固定参数,通过cookie传值的实现方法
May 31 Javascript
简单的vuex 的使用案例笔记
Apr 13 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
Jan 30 Javascript
Node.js使用supervisor进行开发中调试的方法
Mar 26 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
超级简单的发送邮件程序
2006/10/09 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
php跨站攻击实例分析
2014/10/28 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
javascript编程起步(第七课)
2007/01/10 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
jquery 可拖拽的窗体控件实现代码
2010/03/21 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
2014/12/16 Javascript
JS获取时间的方法
2015/01/21 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
jQuery tip提示插件(实例分享)
2017/04/28 jQuery
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
原生JS实现的简单小钟表功能示例
2018/08/30 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
python异常和文件处理机制详解
2016/07/19 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
解决python "No module named pip" 的问题
2018/10/13 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
tensorflow模型保存、加载之变量重命名实例
2020/01/21 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
韩都衣舍天猫官方旗舰店:天猫女装销售总冠军
2017/10/10 全球购物
意大利网上药房:Farmacia 33
2020/01/27 全球购物
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
高中生校园生活自我评价
2013/09/19 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
详解Python常用的魔法方法
2021/06/03 Python
解决mysql模糊查询索引失效问题的几种方法
2021/06/18 MySQL
java泛型通配符详解
2021/07/25 Java/Android
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android