javascript

最新推荐文章于 2024-08-14 15:45:18 发布

twoball

最新推荐文章于 2024-08-14 15:45:18 发布

阅读量642

点赞数

文章标签： javascript div 体育 table function

本文链接：https://blog.csdn.net/twoball/article/details/2442534

版权

<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>

twoball

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript

testjsfunction fnViewLabel(obj) { var oDiv1 = document.getElementById("div1"); var oDiv2 = document.getElementById("div2"); var oDiv3 = document.getElementById("div3"); var oDiv4 = documen
复制链接

扫一扫