<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,我写的可以触发 但是收不回来,请高人帮我写一个 范例 我研究一下
<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 是为了看出区分。。又不是实际应用。。。