<html>
<head><title>testjs</title>
<script type="text/javascript">
function fnViewLabel(obj) {
var oDiv1 = document.getElementById("div1");
var oDiv2 = document.getElementById("div2");
var oDiv3 = document.getElementById("div3");
var oDiv4 = document.getElementById("div4");
switch (obj) {
case 'div1' :
oDiv1.style.display = "block";
oDiv2.style.display = "none";
oDiv3.style.display = "none";
oDiv4.style.display = "none";
break;
case 'div2' :
oDiv1.style.display = "none";
oDiv2.style.display = "block";
oDiv3.style.display = "none";
oDiv4.style.display = "none";
break;
case 'div3' :
oDiv1.style.display = "none";
oDiv2.style.display = "none";
oDiv3.style.display = "block";
oDiv4.style.display = "none";
break;
case 'div4' :
oDiv1.style.display = "none";
oDiv2.style.display = "none";
oDiv3.style.display = "none";
oDiv4.style.display = "block";
break;
default :
oDiv1.style.display = "block";
oDiv2.style.display = "none";
oDiv3.style.display = "none";
oDiv4.style.display = "none";
break;
}
}
</script>
<style type="text/css">
<style type="text/css">
table{
border-width: 1px 1px 1px 1px;
border-spacing: 2px;
border-style: outset outset outset outset;
border-color: gray gray gray gray;
border-collapse: separate;
background-color: white;
font-size:12pt;
}
}
td {
border-width: 3px 3px 3px 3px;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: white white white white;
background-color: rgb(255, 255, 240);
-moz-border-radius: 9px 9px 9px 9px;
font-size:12pt;
}
</style>
</head>
<body>
<div id="div1" style="display:block">
<table width="35%">
<tr align="center">
<td bgcolor="#dddrrr">社会新闻</td>
<td bgcolor=""><div οnclick="fnViewLabel('div2');">体育新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div3');">国际新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div4');">奥运新闻</div></td>
</tr>
<tr><td colspan=4>
社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻
</td></tr>
</table>
</div>
<div id="div2" style="display:none" >
<table width="35%">
<tr align="center">
<td bgcolor=""><div οnclick="fnViewLabel('div1');">社会新闻</div></td>
<td bgcolor="#dddrrr">体育新闻</td>
<td bgcolor=""><div οnclick="fnViewLabel('div3');">国际新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div4');">奥运新闻</div></td>
</tr>
<tr><td colspan=4>
体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻
</td></tr>
</table width="35%">
</div>
<div id="div3" style="display:none" >
<table>
<tr align="center">
<td bgcolor=""><div οnclick="fnViewLabel('div1');">社会新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div2');">体育新闻</div></td>
<td bgcolor="#dddrrr">国际新闻</td>
<td bgcolor=""><div οnclick="fnViewLabel('div4');">奥运新闻</div></td>
</tr>
<tr><td colspan=4>
国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻
</td></tr>
</table>
</div>
<div id="div4" style="display:none">
<table width="35%">
<tr align="center">
<td bgcolor=""><div οnclick="fnViewLabel('div1');">社会新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div2');">体育新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div3');">国际新闻</div></td>
<td bgcolor="#dddrrr">奥运新闻</td>
</tr>
<tr><td colspan=4>
奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻
</td></tr>
</table>
</div>
</div>
</body>
</html>
<head><title>testjs</title>
<script type="text/javascript">
function fnViewLabel(obj) {
var oDiv1 = document.getElementById("div1");
var oDiv2 = document.getElementById("div2");
var oDiv3 = document.getElementById("div3");
var oDiv4 = document.getElementById("div4");
switch (obj) {
case 'div1' :
oDiv1.style.display = "block";
oDiv2.style.display = "none";
oDiv3.style.display = "none";
oDiv4.style.display = "none";
break;
case 'div2' :
oDiv1.style.display = "none";
oDiv2.style.display = "block";
oDiv3.style.display = "none";
oDiv4.style.display = "none";
break;
case 'div3' :
oDiv1.style.display = "none";
oDiv2.style.display = "none";
oDiv3.style.display = "block";
oDiv4.style.display = "none";
break;
case 'div4' :
oDiv1.style.display = "none";
oDiv2.style.display = "none";
oDiv3.style.display = "none";
oDiv4.style.display = "block";
break;
default :
oDiv1.style.display = "block";
oDiv2.style.display = "none";
oDiv3.style.display = "none";
oDiv4.style.display = "none";
break;
}
}
</script>
<style type="text/css">
<style type="text/css">
table{
border-width: 1px 1px 1px 1px;
border-spacing: 2px;
border-style: outset outset outset outset;
border-color: gray gray gray gray;
border-collapse: separate;
background-color: white;
font-size:12pt;
}
}
td {
border-width: 3px 3px 3px 3px;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: white white white white;
background-color: rgb(255, 255, 240);
-moz-border-radius: 9px 9px 9px 9px;
font-size:12pt;
}
</style>
</head>
<body>
<div id="div1" style="display:block">
<table width="35%">
<tr align="center">
<td bgcolor="#dddrrr">社会新闻</td>
<td bgcolor=""><div οnclick="fnViewLabel('div2');">体育新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div3');">国际新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div4');">奥运新闻</div></td>
</tr>
<tr><td colspan=4>
社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻社会新闻
</td></tr>
</table>
</div>
<div id="div2" style="display:none" >
<table width="35%">
<tr align="center">
<td bgcolor=""><div οnclick="fnViewLabel('div1');">社会新闻</div></td>
<td bgcolor="#dddrrr">体育新闻</td>
<td bgcolor=""><div οnclick="fnViewLabel('div3');">国际新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div4');">奥运新闻</div></td>
</tr>
<tr><td colspan=4>
体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻体育新闻
</td></tr>
</table width="35%">
</div>
<div id="div3" style="display:none" >
<table>
<tr align="center">
<td bgcolor=""><div οnclick="fnViewLabel('div1');">社会新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div2');">体育新闻</div></td>
<td bgcolor="#dddrrr">国际新闻</td>
<td bgcolor=""><div οnclick="fnViewLabel('div4');">奥运新闻</div></td>
</tr>
<tr><td colspan=4>
国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻国际新闻
</td></tr>
</table>
</div>
<div id="div4" style="display:none">
<table width="35%">
<tr align="center">
<td bgcolor=""><div οnclick="fnViewLabel('div1');">社会新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div2');">体育新闻</div></td>
<td bgcolor=""><div οnclick="fnViewLabel('div3');">国际新闻</div></td>
<td bgcolor="#dddrrr">奥运新闻</td>
</tr>
<tr><td colspan=4>
奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻奥运新闻
</td></tr>
</table>
</div>
</div>
</body>
</html>