对一个列表添加slideDown或fadeIn特效,其结果会根据不同元素、不同方式而有所变化。
<ul>
<li>Tom</li>
<li>Lily</li>
<li>Nancy</li>
</ul>
<script>
$(function(){
<!--$("ul").hide().delay(1000).slideDown(2000);-->
<!--$("li").hide().delay(1000).slideDown(2000);-->
$("li").hide().delay(1000).fadeIn(2000);
})
})
</script>
对<ul>添加特效
给<ul>添加slideDown特效后,<li>会依次展开,不会一起展开(因为slideDown特效是从头部开始展出的,所以会有依次展开的效果)。但为其添加了fadeIn特效后,各<li>会一起淡入。
对<li>添加特效
不管给<li>添加何种特效,它们都会一起展开。
网友评论