jquery 多级无限分类

最新推荐文章于 2022-10-26 09:13:13 发布
最新推荐文章于 2022-10-26 09:13:13 发布
阅读量143 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/lin3615/p/3590749.html
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> xx </title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <style>
#linNav{position:absolute;z-index:1000;}
#linNav ul,li{padding:0;margin:0;}
#linNav ul li{float:left;margin-right:1px; display:inline;list-style:none;text-align:center;width:45px;font-size:12px;}

#linNav ul li ul li{float:none;display:block;position:relative;}
#linNav ul li ul{display:none;}
#linNav ul a{line-height:18px;height:18px;}

#linNav ul li ul li .aaa{position:absolute;left:45px;top:0;}
#linNav ul li ul li .aaa li{float:none;}
.bbb{background:#ffff00;}

        </style>

<script src="js/jquery-1.7.1.min.js" /></script>

</head>

<body>
<div id="linNav">
<ul>
    <li><a href="">index</a></li>
    <li><a href="">栏目二</a>
        <ul>
            <li><a href="">子栏目1</a></li>
            <li><a href="">子栏目2</a>
                <ul class="aaa">
                    <li><a href="">子栏目3</a></li>
                    <li><a href="">子栏目3</a>
                    
            
                <ul class="aaa">
                    <li><a href="">子栏目3</a></li>
                    <li><a href="">子栏目3</a>
                    
                    
                    </li>
                </ul>                    


                    </li>
                    <li><a href="">子栏目3</a>
                    </li>
                </ul>
            </li>
        
        </ul>
    </li>
</ul>
<br style="clear:both;" />
</div>

<br />
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<script>
$(document).ready(function(){
$("ul li").hover(function(){

$(this).find("ul:first").show();//鼠标滑过查找li下面的第一个ul然后显示；
},function(){
$(this).find("ul:first").hide();//鼠标离开隐藏li下面d的ul；
})
$("ul li ul li ul").prev().addClass("bbb");//给li下面ul是aaa的样式的前一个同辈元素添加css；
})
</script>
</body>
</html>

转载于:https://www.cnblogs.com/lin3615/p/3590749.html

weixin_30797199
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery的总结一（Jquery的多种选择器）
qq_56248592的博客
12-19 1462
jquery的三大重点（选择器,事件，效果）
利用jQuery插件构建无限级分类Tree
01-26
利用jQuery插件构建无限级分类Tree，可用于多级分类的导航，代码是在dnn调试通过，其实.net程序都一样的，拿过去修改一下就好了。
jQuery 无限级菜单的简单实例
12-12
我将CSS完全分离出来用jQuery附加式样，就是为了多级染色，并且生成目录树和控制式样也很容易，生成时也不需要考虑式样。数据表建议用事先Order排序的方式，不要读取数据的时候才分级排序，这样性能会较佳。 我把它做成了个.Net的控件，作为轻量级的无限目录树，还是相当好用的。只是还不完善，我先慢慢修改，等差不多了再发布出来。 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xm
无限级分类，jquery版
weixin_30895603的博客
12-19 172
<div id="div1"></div> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript"> /* showDivID 显示类别信息的Div的ID， ...
jQuery实现将PHP传来的数组json无限级分类
猿计划
10-13 275
jQuery非常简单的方法来实现无限级分类 <select name="pid" id="menu"> //分类在这里显示 </select> $(document).ready(function () { //无限父级分类（递归） var obj ='[{ "catename": "一级分类", "id": "1", "children": [...
jquery+递归自动生成无限级菜单
Logan_Su的博客
11-26 1386
由于本人对于前端实在是不怎么样，所以按钮就不制作了，只是用普通的文字表达就可以了，思路才是最重要的。 首先得引入jquery，这里我用的是jquery-1.8.2.min。代码如下： <!DOCTYPE html> <html> <head> <meta charset="GB18030"> <title>Insert title here</title> <style type="text/cs
jQuery多层选择
zouyang920的博客
11-20 446
jquery基本选择器和层级选择器
xiaozhuangyumaotao的博客
06-03 221
jquery基本选择器分类： 1、#id 示例：$(“#box”).css(“color”,”red”); 返回：单个元素组成的集合 注意：一张页面中id不能重复 2、element 示例：$(“div”).css(“color”,”red”); 返回：集合 3、.class 示例：$(“.box”).css(“color”,”red”); 返回：集合 4、* 示例：$(“*”) 返回：集合 5、selector1,selector2...
jQuery中的层次选择器
weixin_43350001的博客
02-26 2486
jQuery中的层次选择器 常见的层次关系包括：父子、后代、兄弟、相邻。 $(“M N”) 等价于 $(M).find(N)；表示选择后代。 $(“M>N”) 等价于 $(M).children(N)；表示选择子代。 $(“M~N”) 等价于 $(M).nextAll(N)；表示在兄弟之中选择后面所有兄弟。 $(“M+N”) 等价于 $(M).next(N)；表示在兄弟之中只选择后面那个兄弟。 HTML文件代码： <!DOCTYPE html> <html lang="en"
web端树状菜单（支持无线下级分类+修改+新增+删除）
12-03
一开始在onethink后台里看到的，发现只能展开到3级菜单，经过我一通修改，可以无限下级分类的菜单了 ，可以实时修改、新增、删除，代码示例需要jquery与art-template.js（可以换成你习惯的模板引擎或修改成jq操作）...
TreeView实现无限级分类.rar
07-09
可以通过TreeView实现增删改查，数据库采用的是Access，操作采用OleDbHelper 数据库说明 classId className classDescrip parentId,父级编号，顶级为0 sortId,排序编号, 删除的时候，把sortId大于此编号的，全部减一。 增加的时候，在最大编号上加一。 上移的时候，与前面交换sortId,先判断是否已经是最前了。即是否为0 下移的时候，与后面交换sortId,先判断是否已经是最后了。即是否为childNum 1 depth,深度，0为顶级。 childNum，子级数量，0为没有。 增加操作 1.如果是顶级，则parentId=0,depth=0 sortId,按最大值 2.如果有父级，则操作父级，childNum增1 sortId,按childNum 1,depth为父级depth 1 删除操作 1.判断是否有子类，即parentId=当前classId，有则不可删除。 2.无，则判断是否是顶级。有父级，则父级childNum减1. 找到sortId,把父级sortId大于此的减1
jquery.simple.tree 动态加载，支持无限级分类(工程+数据库脚本)
09-10
好久没用S2SH做东西了，闲来没事做了一个jQuery Tree 的Demo 支持无限级分类，异步加载数据，通过这个小程序可以了解一下jQuery动态加载数据的技巧，顺便复习了一下S2SH(struts2+spring+hiber)。
jQuery多级联动选择器
06-01
一款多级联动选择器，可自定义层级
jquery下拉多级树选择插件（支持左右移动，以及模糊搜索功能）.zip
12-19
jquery下拉多级树选择插件（支持左右移动，以及模糊搜索功能），能够实现2个下拉框之间数据的移动，单个下拉框支持模糊搜索，可快速定位节点
jquery制作多级分类树形菜单代码
06-24
jquery制作多级分类树形菜单代码是一款json树形菜单代码。
JQuery&CSS;&CSS;+DIV实例大全.rar
08-13
11.jQuery支持三级菜单的超酷华丽炫彩动感多级渐显菜单下载 12.jQuery制作登录按钮实现Ajax带状态提示 13.jvalidate无刷新表单验证插件示例下载 14.分享jquery无刷新多功能表单验证插件并漂亮美化表单及错误...
WordPress阿里百秀XIU v7.5博客主题 完美无限制.zip
11-07
　列表无限加载：可以设置无限加载页数和是否开启 　轮换图展示：你可以设置几个图的轮换，或者不开启 　手机端和非手机端广告：现在，每一个广告位你都可以设置两套，一套是手机端，一套是非手机端 　分页总数统计...
jQuery输入框三级联动菜单选择
ICode联盟
10-26 478
jQuery输入框三级联动菜单选择效果，点击input输入框分类菜单选择器，点击弹出下拉菜单，三级联动选择器，适用于多分类菜单选择代码。
PHP+jQuery无限极分类
清欢渡的博客
09-07 665
&lt;select class="sel"&gt; {volist name="arr" id="v"} &lt;option value="{$v.id}"&gt;{$v.name}&lt;/option&gt; {/volist} &lt;/select&gt; &lt;script&gt; $
jquery+ztree多级下拉选择
最新发布
01-15
这样的下拉选择具有层级结构，用户可以方便地进行多级选择，适用于需要多级分类、地区选择等场景。同时，通过ztree插件的强大功能和扩展性，也可以方便地对下拉选择的样式、交互、数据等进行自定义和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值