jquery 制作二级菜单

<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 制作二级菜单相关推荐

css3+jQuery制作导航菜单（带动画效果）
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>css ...
HTML5制作二级菜单（主菜单的子菜单）
HTML5制作二级菜单(主菜单的子菜单) 一.HTML文件代码二. CSS文件代码三.效果图一.HTML文件代码  <!DOCTYPE h ...
AXURE8.0制作二级菜单和三级菜单
今日分享:用AXURE8.0制作二级菜单和三级菜单二级菜单操作思路:首先做出一个[一级菜单]和三个[二级菜单],完成后再复制多个[一级菜单]和[二级菜单] 第一步:拖一个矩形,作为[一级菜单],命 ...
python制作二级菜单_python之tkinter使用-二级菜单
# 菜单功能说明:二级菜单 import tkinter as tk from tkinter import messagebox root = tk.Tk() root.title('菜单选择') ...
python制作二级菜单_python实现二级登陆菜单及安装过程
python实现二级登陆菜单的代码如下所示: """ 1.三级菜单注册登陆注销 2.进入每一个一级菜单,都会有下一级的菜单 """ u ...
python制作二级菜单_Python_简单三级菜单制作
一:制作要求 1.三级菜单 2.可依次选择进入各子菜单 3.所需新知识点:字典,列表 *本文通过三种方法完成,第一种:只使用循环,第二种:使用列表,第三种:使用字典二:FlowChart流程图与上 ...
关于初学者对于二级菜单制作的小结
1,首先我们应该列出第一级菜单,可以用无序列表ul制作,别忘记用 list-style:none;清除无序列表前的标识 2,制作二级菜单,二级菜单是嵌套在一级菜单内,即嵌套在一级菜单的li标签内,为方 ...
html二级下拉菜单模板,基于jQuery实现二级下拉菜单效果
本文通过代码实例详细介绍一下简单的二级下拉菜单是如何实现的,当然还有更为复杂的二级菜单,不过先学会如何制作简单的,分享给大家供大家参考,具体内容如下代码如下: 下拉菜单 nav a{ text-de ...
jquery实现二级导航下拉菜单效果实例
大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用.前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单. 使用JQuery实现需要用到的知识有: ...

jquery 制作二级菜单

jquery 制作二级菜单相关推荐

最新文章

热门文章