js:比如有5个div(li、a 、span)，让5个div每隔一段时间显示其中一个，隐藏其他四个。满意给加30。
3个回答
展开全部
<style>
div{ width:100px; height:100px; border:1px solid #000; display:none;}
</style>
<div id="div1">div1</div><div id="div2">div2</div><div id="div3">div3</div><div id="div4">div4</div><div id="div5">div5</div>
<script>
function change_div(num){
document.getElementById("div"+(num-1)).style.display="none";
if(num==6){
num=1;
}
document.getElementById("div"+num).style.display="block";
num++;
setTimeout("change_div("+num+")",1000);//1秒切换一次
}
change_div(6);
</script>
div{ width:100px; height:100px; border:1px solid #000; display:none;}
</style>
<div id="div1">div1</div><div id="div2">div2</div><div id="div3">div3</div><div id="div4">div4</div><div id="div5">div5</div>
<script>
function change_div(num){
document.getElementById("div"+(num-1)).style.display="none";
if(num==6){
num=1;
}
document.getElementById("div"+num).style.display="block";
num++;
setTimeout("change_div("+num+")",1000);//1秒切换一次
}
change_div(6);
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
</head>
<body onload="starts()">
<div id="myDiv1" style="display:block">div1</div>
<div id="myDiv2" style="display:none">div2</div>
<div id="myDiv3" style="display:none">div3</div>
<div id="myDiv4" style="display:none">div4</div>
<div id="myDiv5" style="display:none">div5</div>
</body>
<script language="javascript">
var num = 1;//默认显示第一个div
var times = 2000;//两秒切换一次
function starts(){
for(var i=1;i<6;i++){
var divObj = document.getElementById("myDiv"+i);
if(i==num){
divObj.style.display = "block";
}else{
divObj.style.display = "none";
}
}
num ++;
if(num ==6)num=1;//循环结束后重新指向第一个div
setTimeout('starts()',times);//每隔两秒调用starts()方法
}
</script>
</html>
<head>
</head>
<body onload="starts()">
<div id="myDiv1" style="display:block">div1</div>
<div id="myDiv2" style="display:none">div2</div>
<div id="myDiv3" style="display:none">div3</div>
<div id="myDiv4" style="display:none">div4</div>
<div id="myDiv5" style="display:none">div5</div>
</body>
<script language="javascript">
var num = 1;//默认显示第一个div
var times = 2000;//两秒切换一次
function starts(){
for(var i=1;i<6;i++){
var divObj = document.getElementById("myDiv"+i);
if(i==num){
divObj.style.display = "block";
}else{
divObj.style.display = "none";
}
}
num ++;
if(num ==6)num=1;//循环结束后重新指向第一个div
setTimeout('starts()',times);//每隔两秒调用starts()方法
}
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
纯JS实现还是jquery?
追问
都可以
追答
$(function(){
$("div").hide();
changeShowDiv();
});
var index = 0;
function changeShowDiv()
{
$("#div_"+index).hide();
if(index >= 5)
{
index = 1;
}else
{
index ++;
}
$("#div_"+index).show();
setTimeout("changeShowDiv()",1000);
}
1
2
3
4
5
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
