标题:简单的遮隐层效果为什么出不来帮忙看下代码
只看楼主
夜龙魂
Rank: 2
等 级:论坛游民
帖 子:130
专家分:65
注 册:2009-9-24
结帖率:57.14%
 问题点数:0 回复次数:1 
简单的遮隐层效果为什么出不来帮忙看下代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function showsubmenu(sid)
{

whichEl = eval("submenu" + sid);
imgmenu = eval("imgmenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=\"\";");
}
else
{
eval("submenu" + sid + ".style.display=\"none\";");
}
}
</script>
</head>

<body>
<div>
    <div>
        <table>
            <tr>
                <td id="imgmenu1" onClick="showsubmenu(1)" style="cursor:hand;">公司信息</td>
            </tr>
            <tr style="display:none;">
                <td id="submenu1">
                <div>
                    <table>
                        <tr>
                            <td>sfsdfsd</td>
                            <td>sfsdfsd</td>
                            <td>sfsdfsd</td>
                        </tr>
                    </table>
                </div>
                </td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>
搜索更多相关主题的帖子: 代码 效果 
2009-11-11 15:44
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
得分:0 
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.menu{width:200px;border:1px solid #f60; margin-bottom:2px;line-height:20px;background-color:#ccc;text-align:center;cursor:pointer}
</style>
<script>
$ = function(id) {return typeof id == 'string' ? document.getElementById(id) : id};
tab = function(id) {
    $('subMenu' + id).style.display = $('subMenu' + id).style.display=='none' ? 'block' : 'none'
}
</script>
</head>

<body>
<div class="menu" onclick="tab('1')">系统管理</div>
<div id="subMenu1" style="display:none">子菜单一</div>
<div class="menu" onclick="tab('2')">用户管理</div>
<div id="subMenu2" style="display:none">子菜单二</div>
<div class="menu" onclick="tab('3')">文章管理</div>
<div id="subMenu3" style="display:none">子菜单三</div>
<div class="menu" onclick="tab('4')">产品管理</div>
<div id="subMenu4" style="display:none">子菜单四</div>
</body>
</html>
2009-11-12 09:28



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-291937-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.840974 second(s), 7 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved