div暗藏与展现
日期：2014-05-17 浏览次数：20819 次
div隐藏与展现
- Java code
[color=#FF0000]怎么样才能点击左边的显示右边的 各位大哥看看我的哪里错了[/color]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>111</title>
<style type="text/css">
.td1{
font-weight:bold;
background-color:#ecf5fe;
border-width:thin;
border-style:solid;
border-color:#c1d7ee;
border-right:none;
}
.td2{
border-bottom-width:thin;
border-bottom-style:solid;
border-bottom-color: #CCCCCC;
border-right-width:thin;
border-right-color:#c1d7ee;
border-right-style:solid;
}
.td1 a{
text-decoration:none;
}
.td2 a{
text-decoration:none;
color:#2965b1;
}
</style>
<script type="text/javascript">
function dis(obj,str){
var liArr = document.getElementById("tab1").getElementsByTagName("td");
for(i = 0;i<liArr.length;i++){
liArr[i].className = "td2";
}
obj.className = "td1";
var content_front_Arr = document.getElementById("divid").childNodes;
for(i = 0;i<content_front_Arr.length;i++){
content_front_Arr[i].style.display="none";
}
document.getElementById(str).style.display="block";
}
</script>
</head>
<body>
<table width="950" border="0" cellpadding="0" cellspacing="0" align="center">
<!--banner和导航栏-->
<tr>
<td width="950"><img src="../../Images/banner.jpg"></td>
</tr>
<tr>
<td width="950" height="30" bgcolor="#2c7ac5" valign="middle">
<table width="950" border="0" cellspacing="0" cellpadding="0" style="font-size:14px; color:#FFFFFF; font-weight:bold; ">
<tr>
<td width="14%"> </td>
<td width="12%" align="center" valign="middle" style="border-right-width:thin; border-right-color: #FFFFFF; border-right-style: dotted; padding-top:2px;">
<a href="learn1.html" style="text-decoration:none; color:#FFFFFF;"></a></td>
<td width="12%" align="center" valign="middle" style="border-right-width:thin; border-right-color: #FFFFFF; border-right-style: dotted; padding-top:2px;">
<a href="mockexam.jsp" style="text-decoration:none; color:#FFFFFF;"></a></td>
<td width="12%" align="center" valign="middle" style="border-right-width:thin; border-right-color: #FFFFFF; border-right-style: dotted; padding-top:2px;">
<a href="exam.jsp" style="text-decoration:none; color:#FFFFFF;"></a></td>
<td width="12%" align="center" valign="middle" style="border-right-width:thin; border-right-color: #FFFFFF; border-right-style: dotted; padding-top:2px;">
<a href="download.html" style="text-decoration:none; color:#FFFFFF;"></a></td>
<td width="12%" align="center" valign="middle" style="border-right-width:thin; border-right-color: #FFFFFF; border-right-style: dotted; padding-top:2px;">
<a href="" style="text-decorat
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
