码迷,mamicode.com
首页 > 其他好文 > 详细

基础的多级菜单一个没见过的思路

时间:2019-08-28 13:19:29      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:har   meta   back   实现   lib   图片   char   class   script   

主要代码如下:

技术图片
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery多级菜单-jq22.com</title>
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
</style>
</head>
<body>
<ul>
    <li>一级菜单</li>
    <li>一级菜单</li>
    <li>一级菜单
        <ul>
            <li>2级菜单</li>
            <li>2级菜单</li>
            <li>2级菜单
                <ul>
                    <li>3级菜单</li>
                    <li>3级菜单</li>
                    <li>3级菜单</li>
                </ul>
            </li>
        http://www.jq22.com/webqd6192</ul>
    </li>
    <li>一级菜单
        <ul>
            <li>2级菜单</li>
            <li>2级菜单</li>
            <li>2级菜单
                <ul>
                    <li>3级菜单</li>
                    <li>3级菜单</li>
                    <li>3级菜单</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

<script>
$(function() {
    $("*").click(function() {
        return false;
    })
    $("li:has(ul)").click(function() {
        $(this).children().toggle();
        return false;
    });
})
</script>

</body>
</html>
View Code

主要研究..这思维逻辑,尽可能从Jq中提取出原生JS粗来实现

基础的多级菜单一个没见过的思路

标签:har   meta   back   实现   lib   图片   char   class   script   

原文地址:https://www.cnblogs.com/ncellit/p/11423231.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!