Jquery淡入,一起淡出一些元素
Jquery fade in, fade out some elements together
我需要淡出并淡入<div>
中的一些子元素,就像托尼·阿尔梅达的答案一样:
入和淡出图像
<div class="display" id="slideshow">
<a class="slice" href="myUrl1">
<div class="caption">Some text1...</div>
<img src="AnyUrl1" width="360" height="300"/>
</a>
<a class="slice" href="myUrl2">
<div class="caption">Some text2...</div>
<img src="AnyUrl2" width="360" height="300"/>
</a>
<a class="slice" href="myUrl3">
<div class="caption">Some text3...</div>
<img src="AnyUrl3" width="360" height="300"/>
</a>
.......
</div>
我应该如何编辑该答案中的代码?
这是我
修改js
代码以与您的html
一起使用:
var count = 1;
setInterval(function() {
count = ($("#slideshow").find(".slice:nth-child("+count+")").fadeOut().next().length == 0) ? 1 : count+1;
$("#slideshow").find(".slice:nth-child("+count+")").fadeIn();
}, 2000);
小提琴:http://jsfiddle.net/HewAd/
var count = 1;
var $slideShow = $("#slideshow");
var $prevSlice;
var $nextSlice;
setInterval(function() {
$prevSlice = $slideShow.find(".slice:nth-child("+count+")");
count = ($prevSlice.next().length == 0) ? 1 : count+1;
$nextSlice = $slideShow.find(".slice:nth-child("+count+")");
$prevSlice.fadeOut();
$nextSlice.fadeIn();
}, 2000);
这是一个小提琴:http://jsfiddle.net/KA4Zq/308/
正确吗?
相关文章:
- 在弹出元素中淡入淡出
- 用于append元素的jQuery淡入淡出
- 重用用于淡入淡出元素的代码,这样我就不会'我不必重复我的代码
- 拒绝淡出或进入的元素
- 如何重复淡入和淡出容器元素的跨度
- 我试图用jQuery让每个HTML5元素一次淡出一个
- jQuery淡出元素,替换内容并淡入
- 淡入淡出切换jquery元素
- 淡出推特引导popover上的不同元素
- 淡出和淡入到同一元素处的另一图像
- 使用 Jquery 使一个元素淡出,一个新元素淡入
- 如何在标题中的所有元素中淡入淡出
- Jquery淡入,一起淡出一些元素
- 检查元素是否淡出(Javascript/Jquery)
- 淡出所有“LI”元素
- 悬停时查询淡出元素
- 无法让元素淡出/淡入
- 新旧子元素之间的反应过渡淡入淡出
- 如果单击消息框,防止鼠标离开元素淡出
- 淡出当前元素淡出下一个元素并反转