jquery实现翻动fadeIn显示的方法
更新时间：2015年03月05日 11:34:01 作者：Arata
这篇文章主要介绍了jquery实现翻动fadeIn显示的方法,实例分析了jQuery中fadeIn方法的使用技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
使用jquery的朋友不得不看的,jquery ui接口，提升jquery的效率2008-09-09
这篇文章主要介绍了JavaScript函数库jQuery的一些基本概念,包括其的添加方法和最基本的使用示例,需要的朋友可以参考下2015-06-06
jQuery判断元素显示或隐藏, is 函数，需要的朋友可以参考下。2011-04-04
在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费WordPress主题”和“最佳免费字体”，在这个星期又发布了2010年最佳jQuery插件。2010-12-12
这篇文章主要介绍了jquery实现两个div中的元素相互拖动的方法,结合实例形式分析了jQuery基于鼠标事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了jQuery循环遍历子节点并获取值的方法,涉及jQuery节点的遍历与属性操作相关技巧,需要的朋友可以参考下2016-04-04
js清空option之前清空option ，我的做法是遍历现有option，将其每个子元素都置空即可。2011-03-03
使用prop解决一个checkbox选中后再次选中失效的问题
下面小编就为大家带来一篇使用prop解决一个checkbox选中后再次选中失效的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
下面小编就为大家带来一篇Jquery揭秘系列:ajax原生js实现详解(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了jQuery使用之标记元素属性用法,实例分析了jQuery如何控制页面,包含元素的属性、css样式风格、DOM模型、表单元素和事件处理等使用技巧,需要的朋友可以参考下2015-01-01
最新评论