jQuery / Javascript简单div幻灯片
[英]JQuery/Javascript simple div slideshow
问题描述
这是我要制作的简单动画。 div数组包含不同div的ID。 循环功能只是循环遍历数组并显示div并将其隐藏起来，使其像幻灯片一样。 由于某些原因，两个div同时显示，然后同时隐藏。 我只是不知道为什么...请帮忙！ 谢谢！
编辑：我认为javascript循环不等待JQuery动画完成。 我认为我必须使用setInterval函数吗？ 有人可以告诉我如何在这里使用它吗？
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
var divs=["#slide1","#slide2"];
function loop(){
for (var i=0;i<divs.length;i++)
{
$(divs[i]).show(1000).hide(1000);
}
}
$(document).ready(function(){
//$("#slide1").show();
loop();
});
</script>
</head>
<body>
<div id="slide1" style="display:none">ONE</div>
<div id="slide2" style="display:none">TWO</div>
</body>
</html>
1 个解决方案
解决方案1
1 已采纳 2014-04-12 16:11:38
这个怎么样：
var divs = ["#slide1", "#slide2"];
function loop() {
var elem = divs.shift();
$(elem).show(1000).hide(1000, function () {
divs.push(elem);
loop();
});
}
$(document).ready(function () {
//$("#slide1").show();
loop();
});
适用于DIV的简单jQuery幻灯片
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.