jquery实现的树形目录实例
本文实例讲述了jquery实现的树形目录。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.st_tree ul li
{
font-size:13px;
color:#222;
line-height:18px;
cursor:pointer;
list-style:none;
background:url(st_folder.gif);
background-repeat:no-repeat;
padding:0 0 3px 20px;
}
</style>
</head>
<body>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ul").hide();
})
$(document).ready(function()
{
$("#li1").click(function()
{
$("#ul1").toggle();
});
});
$(document).ready(function()
{
$("#li2").click(function()
{
$("#ul2").toggle();
});
});
$(document).ready(function()
{
$("#li3").click(function()
{
$("#ul3").toggle();
});
});
</script>
<div class="st_tree">
<ul>
<li ><a href="#" >一级目录1</a></li>
<li id="li1"><a href="#" >一级目录2</a></li>
<ul show="true" id="ul1" class="ul">
<li ><a href="#" >二级目录2.1</a></li>
<li ><a href="#" >二级目录2.2</a></li>
</ul>
<li id="li2"><a href="#" >一级目录3</a></li>
<ul id="ul2" class="ul">
<li ><a href="#" >二级目录3.1</a></li>
<li ><a href="#" >二级目录3.2</a></li>
<li id="li3"><a href="#" >二级目录3.3</a></li>
<ul id="ul3" class="ul">
<li ><a href="#" >三级目录3.3.1</a></li>
<li ><a href="#">三级目录3.3.2</a></li>
</ul>
</ul>
</ul>
</div>
</body>
</html>
运行效果如下图所示：
希望本文所述对大家的jquery程序设计有所帮助。
-
本文向大家介绍jQuery zTree插件快速实现目录树，包括了jQuery zTree插件快速实现目录树的使用技巧和注意事项，需要的朋友参考一下 ztree是JQuery的一个开源树形目录的插件，用来快速构建网站的树形目录结构，并且提供了功能丰富，利于扩展的API。 JQuery ztree官网 只要引入jquery和ztree的库js，然后给ztree提供需要的json数据，并且设置好ztre
-
本文向大家介绍vuejs使用递归组件实现树形目录的方法，包括了vuejs使用递归组件实现树形目录的方法的使用技巧和注意事项，需要的朋友参考一下 上篇文章我提到了通讯录的开发，里面的目录使用了vue的递归组件实现的树形目录，这篇文章就来讲讲如何实现树形目录吧！ 首先实现效果如下，觉得菜单还是比较nice的是吧： 这边数据调用的是数据库的数据的，需要数据库进行数据的构造，这里涉及到java的构造多叉树
-
我现在是用padding实现的，效果如 1，请问怎么实现 2的效果？ 谢谢
-
本文向大家介绍vue 实现的树形菜的实例代码，包括了vue 实现的树形菜的实例代码的使用技巧和注意事项，需要的朋友参考一下 下面一段代码给大家介绍vue 实现的树形菜单功能，具体代码如下所示： 总结 以上所述是小编给大家介绍的vue 实现的树形菜的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持！
-
本文向大家介绍Python3遍历目录树实现方法，包括了Python3遍历目录树实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Python3遍历目录树的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的Python3程序设计有所帮助。
-
有多种方法可用于为文件分配磁盘空间。 选择合适的分配方法将显着影响系统的性能和效率。 分配方法提供了一种使用磁盘并访问文件的方法。 有以下可用于分配的方法。 连续分配 最大化 链接分配 集群 FAT 索引分配 链接索引分配 多级索引分配 索引节点 我们将详细讨论三种最常用的方法。