jquery 限制图片可以淡入淡出，但是想加一个队列内的图片显示时间不一样。
我现在已经解决淡入淡出问题，但是另外想让队列内的图片显示时间不一样，应该怎么弄呢？想让这些小方块不停的变换，但是光设置淡入淡出的话，打开页面的第一时间所有的小方块都是一个...
我现在已经解决淡入淡出问题，但是另外想让队列内的图片显示时间不一样，应该怎么弄呢？
想让这些小方块不停的变换，但是光设置淡入淡出的话，打开页面的第一时间所有的小方块都是一个时间而且是一起在显示变换，应该怎么弄让每个小方块的图片持续时间不一样呢？ 望高人解惑。
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<style>
ul li{
position:absolute;
list-style-type:none
}
</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<ul>
<li><img src="img/pic_1.png"></li>
<li><img src="img/pic_2.png"></li>
<li><img src="img/pic_3.png"></li>
</ul>
<script>
$(function(){
var n = 2;
setInterval(function(){
if(! $("ul li").eq(n).is(":hidden")){
$("ul li").eq(n).fadeOut("slow")
}else{
$("ul li").eq(n).fadeIn("slow")
}
n--;
if(n == 0){n = 2;}; },3000);
});
</script>
</body>
</html> 展开
想让这些小方块不停的变换，但是光设置淡入淡出的话，打开页面的第一时间所有的小方块都是一个时间而且是一起在显示变换，应该怎么弄让每个小方块的图片持续时间不一样呢？ 望高人解惑。
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<style>
ul li{
position:absolute;
list-style-type:none
}
</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<ul>
<li><img src="img/pic_1.png"></li>
<li><img src="img/pic_2.png"></li>
<li><img src="img/pic_3.png"></li>
</ul>
<script>
$(function(){
var n = 2;
setInterval(function(){
if(! $("ul li").eq(n).is(":hidden")){
$("ul li").eq(n).fadeOut("slow")
}else{
$("ul li").eq(n).fadeIn("slow")
}
n--;
if(n == 0){n = 2;}; },3000);
});
</script>
</body>
</html> 展开
1个回答
展开全部
fadeIn和fadeOut的参数设置。遍历li，如果想要间隔相等时间，就a++，要么就生成随机数，乱乱的效果也是不错的。
追问
就是要乱乱的效果，每个小方块持续时间不一样，随机数需要怎么设置呢？大神
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
