郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
这一切都是免费的!
当前位置:懒人建站 > javascript > 导航菜单 >

JS代码超少的竖向两级树形菜单

来源:懒人建站 作者: 懒人建站 日期:2010-01-21 人气:
一个JS代码超少的竖向两级菜单树,UL LI结构。这个代码仅仅有两个事件代码。

一个JS代码超少的竖向两级菜单树,UL LI结构。这个代码仅仅有两个事件代码:

如:onClick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'"

修改如下样式来定义你认为漂亮的界面
ul { padding:0; margin:0;}
#main1,#main2 { width:100px; height:28px; line-height:28px; padding-left:5px; background:#ccc; cursor:pointer; border-bottom:1px solid #fff;}
#child1,#child2 { width:105px; background:#eee;}
#child1 ul li,#child2 ul li { padding-left:5px; border-bottom:1px solid #fff; line-height:180%;}
#child1 ul li a,#child2 ul li a { color:#666;}

本文链接:JS代码超少的竖向两级树形菜单http://www.51xuediannao.com/js/nav/caidanshu.html

(责任编辑:懒人建站)

JS代码超少的竖向两级树形菜单由懒人建站收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。