在网上找个很多的树实现，总感觉不尽如意，不是需要引用射流研究…外部文件使用插件，就是代码过多让人看的眼花，实际上我只是想实现一个代码简洁、逻辑不复杂的树，费话不多说直接上代码： 1,首先写半铸钢钢性铸铁(铸造半钢)样式，这个必需要写的头部最先渲染复制代码代码如下：风格PS {左边距：10 pxdisplay:none}。f { background: url('add.gif ')无重复滚动-4px-21px；光标：指针；高度： 35px线高： 37px左填充left: 20px} /style 2，在页面主体中添加树的具体内容，此内容也可以动态展示（动态展示只要针对规则就很好实现了，这就不用说了吧偷笑) 复制代码代码如下： div class='f' id='sgc1 '密码修改div class=' f ' id=' sgc2 '商品选择/div class=' f ' id=' SGC 3 ' onclick=' w '(' gc3 ')分类设置/div class=' PS ' id=' gc3 ' style=' display : none ' div id=' sfgc91 ' class=' f ' onclick=' k '(' FGC 91 ')'必看/div class=' PS ' id=' FGC 91 ' div class=' f '设置必须看到商品/div/div div id=' sfgc93 ' class=' f ' onclick=' k '(FGC 93 ')'聚光灯/div class=' PS ' id=' FGC 93 ' div class=' f '设置聚光灯商品/div/div div id=' sfgc94 ' class=' f ' onclick=' k '(' FGC 94 ')每日特价/div class=' PS ' id=' FGC 94 ' div class=' f '设置日常专业商品/div/div div id=' SFG c95 ' class=' f ' onclick=' k '(FGC 95 ')' HotCategory/div class=' PS ' id=' FGC 95 ' div class=' f '设置HotCategory分类/div div class='f '设置HotCategory商品/div/div div id=' sfgc96 ' class=' f ' onclick=' k '(' FGC 96 ')'热凉镐/div class=' PS ' id=' FGC 96 ' div class=' f '设置冷热镐商品/div/div div id=' sfgc97 ' class=' f ' onclick=' k '(FGC 97 ')' FeaturedCategorie/div class=' PS ' id=' FGC 97 ' div class=' f '设置特征类别分类/div div class='f '设置特征类别商品/div/div div id=' sfgc98 ' class=' f ' onclick=' k '(' FGC 98 ')你可能也喜欢……/div class=' PS ' id=' FGC 98 ' div class=' f '设置你可能也喜欢…分类/div div class='f '设置你可能也喜欢…商品/div/div/div class=' f id=' SG C4 ' onclick=' w '(' gc4 ')系统设置/div class=' PS ' id=' gc4 ' style=' display : none ' div class=' f '用户管理/div /div 3，重头戏来了，同鞋注意了，接下来实现射流研究…的树形控制复制代码代码如下：函数w(VD){ var ob=文档。 getelementbyid(VD)；if(ob。风格。display==' block ' | | ob。风格。display==' '){ ob。风格。显示='无'；var ob2=文档。getelementbyid(' s ' VD)；ob2。风格。背景=' URL(添加。gif)-4px-21px无重复'；} else { ob。风格。display=' blockvar ob2=文档。getelementbyid(' s ' VD)；ob2。风格。背景=' URL(添加。gif)-4px 4px无重复；'；} }函数k(VD){ var ob=文档。getelementbyid(VD)；if(ob。风格。display==' block '){ ob。风格。显示='无'；var ob2=文档。getelementbyid(' s ' VD)；ob2。风格。背景=' URL(添加。gif)-4px-21px无重复'；} else { ob。风格。display=' blockvar ob2=文档。getelementbyid(' s ' VD)；ob2。风格。背景=' URL(添加。gif)-4px 4px无重复；'；} } 4,运行实例图如下