zoukankan      html  css  js  c++  java
  • jQuery插件(多级菜单)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title>菜单工具插件</title>
            <link href="http://www.imooc.com/data/jquery-ui.css" rel="stylesheet" type="text/css" />
           
            <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
            <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
            <style>
        .ui-menu
    {
        width: 150px;
    }
            </style>
        </head>
        
        <body>
            <ul id="menu">
                <li><a href="#">小明一中</a>
                    <ul>
                        <li><a href="#">高中部</a>
                            <ul>
                                <li><a href="#">高一(1)班</a></li>
                                <li><a href="#">高一(2)班</a></li>
                                <li><a href="#">高一(3)班</a>
                                    <ul>
                                        <li><a href="#">小胡</a></li>
                                        <li><a href="#">小李</a></li>
                                        <li><a href="#">小陈</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#">初中部</a>
                            <ul>
                                <li><a href="#">初一(1)班</a></li>
                                <li><a href="#">初一(2)班</a></li>
                                <li><a href="#">初一(3)班</a></li>
                            </ul>
                        </li>
                        <li><a href="#">教研部</a></li>
                    </ul>
                </li>
                <li class="ui-state-disabled"><a href="#">大明二中</a></li>
            </ul>
            
            <script type="text/javascript">
                $(function () {
                    $("#menu").menu();
                });
            </script>
        </body>
    </html>
    努力吧,为了媳妇儿,为了家。。。
  • 相关阅读:
    一行代码搞定图片缩放、旋转、加水印
    如何学习 Webpack
    Webpack 概念
    Webpack 入门
    asp.net core教程 (一)
    asp.net core教程 (二)
    ap.net core 教程(三)
    Grafana 安装配置
    zabbix-3.0.x LTS源码安装配置
    MariaDB Security
  • 原文地址:https://www.cnblogs.com/jlj9520/p/5279621.html
Copyright © 2011-2022 走看看