首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

如何使用jQuery让一组HTML对象一个一个依次淡出或淡入?

作者:Terry li - GBin1.com

在web开发中,我们有时候需要控制一个一个对象展示特殊显示效果,比如,淡出淡入,隐藏或者显示,类似这种效果很容易使用jQuery实现,方法如下:

方案一:使用delay方法处理

html代码:

<ul id="objs">
<li>object 1</li>
<li>object 2</li>
<li>object 3</li>
</ul>

Javascript代码:

<script type="text/javascript">
$('#objs li').each(function(index){
   $(this).delay(800*index).fadeOut(1000,function(){});
});
</script>

在线演示 在线调试

方案二:使用setTimeout方法处理

标签: jQuery依次淡出, 依次淡入, 轮流隐藏显示, 一个一个隐藏显示, 一个一个淡出淡入

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐