菜单展示效果，紧急——————

2013-10-29

菜单展示效果求助，紧急——————如上图，上面的是一级菜单，点击后左侧出现相应二级菜单，这个怎么实现的，或者这

菜单展示效果求助，紧急——————
菜单展示效果，紧急——————

如上图，上面的是一级菜单，点击后左侧出现相应二级菜单，这个怎么实现的，或者这种效果叫什么名字？

<script type="text/javascript" src="jquery-1.10.2.min.js" ></script>

<script type="text/javascript">
$(document).ready(function() {
$("p[class='flip']").click(function()
{
$(this).next().slideToggle(500);
});
});

function show(id) {
      var divs = $("div[id='dvMenu'] div[class='flip']");
      for (var i = 0; i < divs.length; i++) 
          divs[i].style.display = divs[i].id == id ? 'block' : 'none';
  }
</script>


<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:10px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
height:15px; 
 
width:100px;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>

<body>
<div style="padding:10px">
<a href="javascript:show('yyzx')">应用中心</a>　<a href="javascript:show('zhzx')">账号中心</a>　<a href="javascript:show('jygl')">交易管理</a>
</div>
<div id="dvMenu">

<div id="yyzx" alt="菜单展示效果，紧急——————" />
贴张效果图。。
[解决办法]
先将DIV隐藏，并设置position为float。点击上面的菜单后，让DIV显示出来，通过left和top定位到相应菜单的下面就可以实现了。

热点排行

JavaScript

菜单展示效果，紧急——————