一个jquery问题 关于导航 显示二级菜单问题

<ul id="List-A">
<li class="hli"><a href="#">电影</a> </li>

<li class=""><a href="#">电视剧</a> </li>
<li><a href="#">动漫</a> </li>
<li><a href="#">综艺</a> </li>
</ul>
<ul id="List-B">
<span class="listindex1">
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
</span>
<span class="listindex2">
<li><a href="#" title="动作">动作11</a></li>
<li><a href="#" title="动作">动作22</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
</span>
</ul>
默认listindex1和listindex2是display:none; 用jq实现当鼠标移入到 #List-A 下的 li时 触发下面的span,我写的可以触发 但是收不回来,请高人帮我写一个 范例 我研究一下

第1个回答  2015-04-28
建议楼主改一下主体结构
<ul id="menu">
<li><a>一级菜单</a>
<ul>

<li>二级菜单</li>

<li>二级菜单</li>
</ul>
</li>
<li><a>一级菜单</a>
<ul>

<li>二级菜单</li>

<li>二级菜单</li>
</ul>
</li>

</ul>
把一级菜单的li设置为相对定位,把二级菜单的ul设置为绝对定位并隐藏,然后在js中写
$("#menu>li").hover(function(){
$(this).find("ul").show();

},function(){
$(this).find("ul").hide();
});追问

首先感谢回答

这种方式 我分分钟就可以做出来,都用不到jq了,html写成那样是因为一级菜单比较多,方便调用

追答

恩,高手这么厉害,那何必要问这么简单的问题呢。不也是分分钟不需要jq就敲出来?
还有高手都喜欢个性,ul包span,span包li的,这样显得逼格高,高手也喜欢把HTML文档贴上来问JS的问题,恩,思维很好,还有这个HTML文档,写的跟小学生构架的一样,应该是高手拿最基本的来彰显B格

追问

没必要这样吧?我就随便写了一个列表,用span 是为了看出区分。。又不是实际应用。。。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网