点击文字出现二级菜单代码,Css代码库,德仔网

代码语言

代码分类

【Css】点击文字出现二级菜单

作者:Dezai.CN / 发布于2012/12/13/ 580

本效果实现类似二级菜单的效果，点击链接文字，出现二级菜单，点击弹出文字最简单的一种实现方法，主要是用JS来控制DIV的显示与隐藏来实现，与层的显示与隐藏道理一样。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>点击链接文字，出现二级菜单</title>
<script language="javascript"> 
        function listmenu() 
        { 
           document.all.sonMain.style.display=(document.all.sonMain.style.display=='none')?'':'none';
        }
</script> 
</head>
<body>
 <div id="main" style="color:blue; margin:4px 4px 4px 60px;" onclick="listmenu()">
        <a href="#"> 我的网站<a></div>
    <div id="sonMain" style="display:none; margin:4px 4px 4px 70px;">
            <a href="#">关于开发语言</a>
            <a href="#">Microsoft前进之路</a>
            <a href="#">Sun前进之路</a>
            <a href="#">Web2.0时代的到来</a>
</div>
</body>
</html>

试试其它关键字

　二级菜单　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)