我有5个DIV，ID分别为div1,div2,div3...我用JS做个逐个显示的效果。
3个回答
展开全部
Css and Js
<style>
#div1,#div2,#div3,#div4,#div5{
display:none;
}
</style>
<script type="text/javascript">
var i = 1;
function showDiv(id){
document.getElementById("div"+id).style.display='block';
i++;
if(i>5){
return false;
}
}
</script>
Html
<body>
<input type="button" value="click me" onclick="showDiv(i)" />
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先5个DIV都隐藏。然后点击一次。
var i=1;
function show(i){
document.getElementById("div" + i).style.display = "none";
i++;}
var i=1;
function show(i){
document.getElementById("div" + i).style.display = "none";
i++;}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Css and Js
<style>
#div1,#div2,#div3,#div4,#div5{
display:none;
}
</style>
<script type="text/javascript">
var i = 1;
function showDiv(id){
document.getElementById("div"+id).style.display='block';
i++;
if(i>5){
return false;
}
}
</script>
1
2
3
4
5
6
7
8
9
Html
<body>
<input type="button" value="click me" onclick="showDiv(i)" />
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>
</body>
<style>
#div1,#div2,#div3,#div4,#div5{
display:none;
}
</style>
<script type="text/javascript">
var i = 1;
function showDiv(id){
document.getElementById("div"+id).style.display='block';
i++;
if(i>5){
return false;
}
}
</script>
1
2
3
4
5
6
7
8
9
Html
<body>
<input type="button" value="click me" onclick="showDiv(i)" />
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
