如何实现点击一个主菜单后显示其子菜单?
我现在做了一个横向菜单,我想实现点击其中一个菜单,下方就会显示与该菜单相关的内容。求大神教教。...
我现在做了一个横向菜单,我想实现点击其中一个菜单,下方就会显示与该菜单相关的内容。
求大神教教。 展开
求大神教教。 展开
3个回答
展开全部
HTML:
<dl class="dl">
<dd class="dd">
商店
</dd>
<dt class="dt">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</dt>
</dl>
css:
.dl{width: 50px;height: 0px; position: relative;}
.dd{width: 45px; height: 20px; border: 1px solid #ccc; font-size: 12px; margin: auto;}
.dt{width: 300px; height: 20px; border: 1px solid #ccc; font-size: 12px; position: absolute; display: none;}
js:
$(function(){
$(".dl").mouseover(function(){
$(this).find(".dt").show();
});
$(".dl").mouseout(function(){
$(this).find(".dt").hide();
});
});
虽然跟你想要的有些差别,根据具体情况修改js
<dl class="dl">
<dd class="dd">
商店
</dd>
<dt class="dt">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</dt>
</dl>
css:
.dl{width: 50px;height: 0px; position: relative;}
.dd{width: 45px; height: 20px; border: 1px solid #ccc; font-size: 12px; margin: auto;}
.dt{width: 300px; height: 20px; border: 1px solid #ccc; font-size: 12px; position: absolute; display: none;}
js:
$(function(){
$(".dl").mouseover(function(){
$(this).find(".dt").show();
});
$(".dl").mouseout(function(){
$(this).find(".dt").hide();
});
});
虽然跟你想要的有些差别,根据具体情况修改js
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询