大神！给我写一个js选项卡的代码呗
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
#div1 .active{ background:#f60;}
#div1 div{ width:200px; height:200px; background:#CCC; border:1px #999 solid; display:none;}
</style>
<script>
window.onload=function () {
var put=document.getElementsByTagName('input');
var odiv=document.getElementById('div1');
var adiv=document.getElementsByTagName('div');
for(var i=1;i<put.length;i++){
put[i].index=i;
put[i].onclick=function(){
for(var j=0;j<put.length;j++){
put[j].className='';
adiv[j].style.display='none';
}
this.className="active";
adiv[this.index].style.display='block';
}
}
}
</script>
<body>
<div id="div1">
<input class="active" type="button" value="1" >
<input type="button" value="2" >
<input type="button" value="3">
<input type="button" value="4">
<div style="display:block;">1111111111111111</div>
<div>2222222222222</div>
<div>33333333333</div>
<div>4444444</div>
</div>
</body>
</html>
不知道哪里做错了，一直都不好使~~~~怎么办啊！大神帮帮忙吧 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
#div1 .active{ background:#f60;}
#div1 div{ width:200px; height:200px; background:#CCC; border:1px #999 solid; display:none;}
</style>
<script>
window.onload=function () {
var put=document.getElementsByTagName('input');
var odiv=document.getElementById('div1');
var adiv=document.getElementsByTagName('div');
for(var i=1;i<put.length;i++){
put[i].index=i;
put[i].onclick=function(){
for(var j=0;j<put.length;j++){
put[j].className='';
adiv[j].style.display='none';
}
this.className="active";
adiv[this.index].style.display='block';
}
}
}
</script>
<body>
<div id="div1">
<input class="active" type="button" value="1" >
<input type="button" value="2" >
<input type="button" value="3">
<input type="button" value="4">
<div style="display:block;">1111111111111111</div>
<div>2222222222222</div>
<div>33333333333</div>
<div>4444444</div>
</div>
</body>
</html>
不知道哪里做错了，一直都不好使~~~~怎么办啊！大神帮帮忙吧 展开
展开全部
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
#div1 .active {
background: #f60;
}
#div1 div {
width: 200px;
height: 200px;
background: #CCC;
border: 1px #999 solid;
display: none;
}
</style>
<script type="text/javascript">
var index = 0;
window.onload = function ()
{
var div1 = document.getElementById('div1');
var btns = div1.getElementsByTagName('input');
var divs = div1.getElementsByTagName('div');
for ( var i = 0; i < btns.length; i++)
{
btns[i].index = i;
btns[i].onclick = function ()
{
divs[index].style.display = 'none';
btns[index].className = '';
this.className = 'active';
divs[this.index].style.display = 'block';
index = this.index;
}
}
}
</script>
</head>
<body>
<div id="div1">
<input class="active" type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">
<input type="button" value="4">
<div style="display: block;">1111111111111111</div>
<div>2222222222222</div>
<div>33333333333</div>
<div>4444444</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
网易云信
2023-12-06 广告
很高兴能回答您的问题。以下是一段针对“一对一消息组件”的描述，字数在200字左右：该组件支持用户之间的私密交流，让沟通更加直接和高效。通过它，您可以向特定对象发送消息，并实时查看消息状态，包括对方是否已读或未读。同时，该组件还支持富文本消息...
点击进入详情页
本回答由网易云信提供
展开全部
无意间看见。var adiv=document.getElementsByTagName('div'); 这句把你的div1包含进去了，所以点击的时候全部消失
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你要tab切换效果，懒人图库有很多案例。http://www.lanrentuku.com/js/biaoqian.html
追问
我想说，我要是要上面的效果早就自己下了，我是找人解决我的问题，晕死
追答
你又没说，你只是说给你写一个tab效果。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
