jquery树形菜单效果的简单实例

*{margin:0;padding:0;list-style-type:none;font-size:12px;}
a,img{border:0;}
#files{margin:100px auto;width:400px;}
.tree,.tree ul,.tree li{list-style:none;margin:0;padding:0;zoom: 1;}
.tree ul{margin-left:8px;}
.tree li a{color:#555;padding:.1em 7px .1em 27px;display:block;text-decoration:none;border:1px dashed #fff;background:url(file.gif) 5px 50% no-repeat;}
.tree li a.tree-parent{background:url(http://jb51.net/keleyi/phtml/jtree/icon-folder-open.gif) 5px 50% no-repeat;}
.tree li a.tree-parent-collapsed{background:url(http://jb51.net/keleyi/phtml/jtree/icon-folder.gif) 5px 50% no-repeat;}
.tree li a:hover,.tree li a.tree-parent:hover,.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{color:#000;border:1px solid#eee;background-color:#fafafa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{border:1px solid #e2f3fb;background-color:#f2fafd;}
.tree ul.tree-group-collapsed{display:none;}





jquery 特效

jquery图片特效

jquery图片切换
jquery幻灯片
jquery图片滚动
jquery图片放大镜
jquery广告


jquery导航菜单

jquery动画菜单
jquery树形菜单
jquery下拉菜单
jquery右键菜单


jquery选项卡特效

jquery选项卡切换
jquery滑动选项卡


jquery文字特效

jquery文字滚动
jquery文字闪烁
jquery文字切换
jquery文字数量
jquery文字改变


jquery表单特效

jquery表单验证
jquery表单美化
jquery搜索提示
jquery搜索提示
jquery全选反选


jquery表格特效

jquery图表插件
jquery表格排序
jquery表格排序
jquery表格变色




js特效

js图片特效

js图片切换
js幻灯片
js图片滚动
js图片放大镜
js广告


js导航菜单

js动画菜单
js树形菜单
js下拉菜单
js右键菜单


js选项卡特效

js选项卡切换
js滑动选项卡


js文字特效

js文字滚动
js文字闪烁
js文字切换
js文字数量
js文字改变


js表单特效

js表单验证
js表单美化
js搜索提示
js搜索提示
js全选反选


js表格特效

js图表插件
js表格排序
js表格排序
柯乐义





flash特效

flash图片特效
flash导航菜单


div+css教程

div+css布局
柯乐义
css3教程


html5教程

www.jb51.net
html5图表

以上这篇jquery树形菜单效果的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。