<div id="menu">
<ul>
<li><a href="#">神界危机5.0</a>
<ul>
<li><a href="#">守护天使</a></li>
<li><a href="#">火焰战士</a>
<ul><li><a href="#">红缨龙刀</a></li></ul></li>
<li><a href="#">血精灵剑圣</a></li>
</ul>
</li>
<li><a href="#">火影忍者CD</a>
<ul>
<li><a href="#">宇智波鼬</a>
<ul>
<li><a href="#">万花筒写轮眼</a></li>
<li><a href="#">尸鬼封尽</a></li>
</ul></li>
<li><a href="#">二代目火影</a>
<ul><li><a href="#">幻龙九封尽</a></li>
<li><a href="#">幻龙九封尽</a></li></ul>
</li>
<li><a href="#">深作+志麻</a></li>
</ul>
</li>
</ul>
</div>
js
$(document).ready(function()
{
var yiji=$("#menu>ul>li");
yiji.children("ul").find("li:has(ul a:not(:empty))>a").append("》");
var erji=$("#menu>ul>li").children("ul").children("li");
erji.mouseover(function(){
$(this).children("ul").slideDown(100);
}).mouseleave(function(){
$(this).children("ul").slideUp(100);
});
yiji.mouseover(function(){
$(this).children("ul").slideDown(100);
}).mouseleave(function(){
$(this).children("ul").slideUp(100);
});
});
分享到:
相关推荐
jQuery制作垂直二级下拉栏目导航菜单特效
jquery导航菜单插件制作常用的jquery二级下拉菜单子内容 jquery导航菜单插件制作常用的jquery二级下拉菜单子内容 jquery导航菜单插件制作常用的jquery二级下拉菜单子内容
jQuery个性动画二级下拉导航菜单基于jquery1.8.3.min.js制作,鼠标经过显示二级下拉菜单。
jquery制作导航菜单带有横向二级导航菜单效果,供大家一起共同分享学习。
jquery导航菜单制作横向二级导航菜单设置当前频道高亮特效
jquery制作的鼠标经过或者点击显示下拉菜单
jquery制作下拉菜单效果,菜单可缓慢收缩,标注明细,一看便会。
jquery实现的二级下拉菜单效果
jQuery制作多级菜单,应用到jquery、json、asp.net结合来实现无刷新三级联动效果,使用asp.net实现二级联动、三级联动效果很简单,不过不是无刷新就不爽了,所以收集一个无刷新联动的实现例子。
jquery树形导航菜单插件制作一个类似树形展示的slider滑动多级二级下拉菜单目录,支持无限嵌套。jquery插件,jquery下载。
jquery树形导航菜单插件制作滑动多级二级下拉菜单,Checkbox 勾选操作 支持无限嵌套。
二级菜单! 很值得下载看看!资源免费,大家分享!!
jQuery二级下拉滑动导航菜单基于jquery-1.7.2.min.js制作,鼠标经过一级菜单,下拉显示二级菜单,渐隐效果。
NULL 博文链接:https://bud407.iteye.com/blog/608880
用jquery制作一款风格简洁的下拉二级菜单,是英文的,国外老外写的,带有动画渐变特效,整体觉得很不错,比较简约大方的风格,有点百度风格。里面同时还有与动态脚本ASP/PHP配合生成动态下拉菜单的例子,自己认真看...
jQuery百度知道二级导航菜单基于jquery.1.10.2.min.js制作,鼠标经过一级菜单显示二级菜单,漂亮实用。
jQuery黑色三级下拉导航菜单基于jquery-1.8.3.min.js和responsive-menu.js制作,鼠标经过菜单,显示二级,三级导航菜单。
jQuery网页底部弹出二级菜单基于jquery-1.9.1.min.js制作,点击底部一级菜单,显示二级菜单。
jquery制作天猫、淘宝、京东等购物网站左侧二级导航代码,很好用