如何使用jquery里的.fadeIn()淡入效果让多个排列的同样的<dvi>依次淡入。 比如我有
如何使用jquery里的.fadeIn()淡入效果让多个排列的同样的<dvi>依次淡入。比如我有个文章列表：<divclass="posts">第一篇标题，摘要等</di...
如何使用jquery里的.fadeIn()淡入效果让多个排列的同样的<dvi>依次淡入。
比如我有个文章列表：
<div class="posts">第一篇标题，摘要等</div>
<div class="posts">第二篇标题，摘要等</div>
<div class="posts">第三篇标题，摘要等</div>
<div class="posts">第四篇标题，摘要等</div>
我想让第一个先淡入，然后第二个，然后第三个，最后第四个依次的淡入进来。 展开
比如我有个文章列表：
<div class="posts">第一篇标题，摘要等</div>
<div class="posts">第二篇标题，摘要等</div>
<div class="posts">第三篇标题，摘要等</div>
<div class="posts">第四篇标题，摘要等</div>
我想让第一个先淡入，然后第二个，然后第三个，最后第四个依次的淡入进来。 展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>菜鸟手册</title>
<style type="text/css">
.posts {
display: none;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery (function ($)
{
myFade ($ (".posts:first"));
});
var myFade = function (posts)
{
posts.fadeIn ("slow", function ()
{
var nextOne = $ (this).next ('.posts');
if (nextOne.length > 0)
{
myFade (nextOne);
}
});
}
</script>
</head>
<body style="text-align: center;">
<div class="posts">第一篇标题，摘要等</div>
<div class="posts">第二篇标题，摘要等</div>
<div class="posts">第三篇标题，摘要等</div>
<div class="posts">第四篇标题，摘要等</div>
</body>
</html>
追问
感谢回答！菜鸟窝在被窝里苦等答案，只为寻找答案！天亮测试一下。
追答
！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
