使用射流研究…简单实现了树树菜单

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title tree/title link href=' CSS/style。CSS ' rel='样式表type=' text/CSS '/style type=' text/CSS ' .节点ul {左边距：20 px} .节点。节点{ display:none}。节点。树{ height:24px线高：24 px} .ce _ Zen _ close {背景： URL(图片/CD _ ZD 1。巴布亚新几内亚)左中无重复；左衬垫left: 15px}。打开{背景：网址(图片/光盘_ ZD。巴布亚新几内亚)左中无重复；}/style脚本类型=' text/JavaScript ' src=' http :3358代码。jquery。com/jquery-1。10 .2 .量滴js '/脚本/头体div class=' CD _ ZJ _ l ' div class=' CD _ title '目录导航div class=' cv _ fcv节点div class='tree '哲学、宗教/div ul class=' node ' Li div class=' tree '哲学伦理/div ul class=' node ' Li div class=' tree '马克思主义哲学/div div class='tree '马克思主义哲学/div div class='tree '马克思主义哲学/div div class='tree '马克思主义哲学/div/Li div style=' clear : both '/div/ul/Li div style=' clear : both '/div/ul div class=' tree '哲学、宗教/div ul class=' node ' Li div class=' tree '哲学伦理/div ul class=' node ' Li div class=' tree '马克思主义哲学/div div class='tree '马克思主义哲学/div div class='tree '马克思主义哲学/div div class='tree '马克思主义哲学/div /li /ul /li /ul /div /div脚本类型='text/javascript' $(' .树')。每个（函数（索引，元素){ if($(this)).下一个('。 node').length0){ $(this).add CLaSS(' ce _ Zen _ close ')；} });$('.树')。点击（函数(e){ var ul=$(this)).下一个('。节点');if(ul。CSS(' display ')==' none '){ ul。向下滑动()；$(这个)。addCLaSS(' ce _ Zen _ open ')；ul.find(' .' ce _ Zen _ close ' .remove CLaSS(' ce _ Zen _ open ')；} else { ul。向上滑动()；$(这个)。remove CLaSS(' ce _ Zen _ open ')；ul.find(' .节点')。向上滑动()；ul.find(' .' ce _ Zen _ close ' .remove CLaSS(' ce _ Zen _ open ')；} });/脚本/正文/html使用射流研究…简单实现了树菜单！相信自己你一定可以实现的更好！实现的效果图