search
Homephp教程php手册php后管理分类导航菜单,php分类导航菜单

php后管理分类导航菜单,php分类导航菜单

<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html" charset="utf-8">
    <title>后台管理折叠导航菜单</title>
    <style><span>
        body{
            margin</span>:0<span>;
            padding</span>:0<span>;
            text</span>-align:<span>center;
            font</span>:normal 12px Arial,Verdana,<span>Tahoma;
            line</span>-height:150%<span>;
        }
        a</span>:link, a:<span>visited{
            color</span>:<span>#</span><span>385065;</span>
            text-decoration:<span>none;
        }
        a</span>:<span>hover{
            text</span>-decoration:<span>underline;
        }
        </span><span>#</span><span>menu{</span>
            width:<span>150px;
            margin</span>:0<span> 15px;
            padding</span>:0<span>;
            text</span>-align:<span>left;
            </span><span>list</span>-style:<span>none;
        }
        </span><span>#</span><span>menu .item{</span>
            background:<span>#</span><span>ccaaee;</span>
            padding:<span>0px;
            </span><span>list</span>-style:<span>none;
            border</span>:1px solid <span>#</span><span>eee;</span>
<span>        }
        a</span>.title:link, a.title:visited, a.title:<span>hover{
            display</span>:<span>block;
            color</span>:<span>#</span><span>385065;</span>
            font-weight:<span>bold;
            padding</span>:2px 0 0<span> 22px;
            width</span>:<span>128px;
            line</span>-height:<span>23px;
            cursor</span>:<span>pointer;
            text</span>-decoration:<span>none;
        }
        </span><span>#</span><span>menu .item ul{</span>
            border:1px solid <span>#</span><span>9facb7;</span>
            margin:0<span>;
            width</span>:<span>116px;
            padding</span>:<span>3px 0px 3px 30px;
            bakground</span>:<span>#</span><span>fff;</span>
            <span>list</span>-style:<span>none;
            display</span>:<span>none;
        }
        </span><span>#</span><span>menu .item ul li{</span>
            display:<span>block;
        }
    </span></style>
    <script type="text/javascript">
        <span>function</span><span> hideAllObj(){
            </span><span>var</span> items = document.getElementsByClassName("option"<span>);
            </span><span>for</span>(<span>var</span> j=0; j<items.length; j++<span>){
                items[j]</span>.style.display = "none"<span>;
            }
        }

        </span><span>function</span><span> check(){
            document</span>.getElementById("opt_1").style.display = "block"<span>;
            </span><span>var</span> items = document.getElementsByClassName("title"<span>);
            </span><span>for</span>(<span>var</span> j=0; j<items.length; j++<span>){
                items[j]</span>.onclick = <span>function</span><span>(){
                    </span><span>var</span> obj = document.getElementById("opt_" + this.<span>name);
                    </span><span>if</span>(obj.style.display != "block"<span>){
                        hideAllObj();
                        obj</span>.style.display = "block"<span>;
                    }</span><span>else</span><span>{
                        obj</span>.style.display = "none"<span>;
                    }
                }
            }
        }

        document</span>.getElementsByClassName=<span>function</span><span>(classname){
            </span><span>var</span> retnode =<span> [];
            </span><span>var</span> myclass = <span>new</span> RegExp('\\b'+classname+'\\b'<span>);
            </span><span>var</span> elem = this.getElementsByTagName('*'<span>);
            </span><span>for</span>(<span>var</span> j=0; j<elem.length; j++<span>){
                </span><span>var</span> classes = elem[j].<span>className;
                </span><span>if</span>(myclass.<span>test(classes)){
                    retnode</span>.<span>push(elem[j]);
                }
            }
            </span><span>return</span><span> retnode;
        }
    </span></script>
</head>
<body onload="check()">
<ul id="menu">
    <li <span>class</span>="item"><a href="javascript:void(0)" <span>class</span>="title" name="1">用户管理</a>
    <ul id="opt_1" <span>class</span>="option">
        <li><a href="#">添加用户</a></li>
        <li><a href="#">管理用户</a></li>
    </ul>
    </li>
   <li <span>class</span>="item"><a href="javascript:void(0)" <span>class</span>="title" name="2">用户管理</a>
    <ul id="opt_2" <span>class</span>="option">
        <li><a href="#">添加用户</a></li>
        <li><a href="#">管理用户</a></li>
    </ul>
    </li>
   <li <span>class</span>="item"><a href="javascript:void(0)" <span>class</span>="title" name="3">用户管理</a>
    <ul id="opt_3" <span>class</span>="option">
        <li><a href="#">添加用户</a></li>
        <li><a href="#">管理用户</a></li>
    </ul>
    </li>
   <li <span>class</span>="item"><a href="javascript:void(0)" <span>class</span>="title" name="4">用户管理</a>
    <ul id="opt_4" <span>class</span>="option">
        <li><a href="#">添加用户</a></li>
        <li><a href="#">管理用户</a></li>
    </ul>
    </li>


</ul>

</body>
</html>

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
如何在Laravel中实现基于权限的导航菜单如何在Laravel中实现基于权限的导航菜单Nov 02, 2023 pm 06:52 PM

随着网站和应用程序的功能越来越复杂,权限管理变得至关重要。当用户通过身份验证登录后,我们希望他们能够访问他们有权限的页面和功能,而不能访问他们没有权限的页面和功能。本文将介绍如何在Laravel中实现基于权限的导航菜单,以便我们可以轻松地控制用户所能看到的内容。步骤一:安装Laravel和配置数据库如果你已经熟悉Laravel,则可以跳过此步骤。否则请按照以

如何使用 JavaScript 实现导航菜单滚动到指定位置的高亮效果?如何使用 JavaScript 实现导航菜单滚动到指定位置的高亮效果?Oct 19, 2023 am 09:46 AM

如何使用JavaScript实现导航菜单滚动到指定位置的高亮效果?导航菜单是网页设计中常见的组件之一,为了提升用户体验,我们可以通过JavaScript实现导航菜单滚动到指定位置时的高亮效果。这样,当用户在页面中滚动时,导航菜单会实时更新,显示当前所处的位置。实现这一效果的关键在于监听页面滚动事件,并判断当前滚动位置与指定位置之间的关系。下面,我们将

如何在ThinkPHP6中使用导航菜单如何在ThinkPHP6中使用导航菜单Jun 21, 2023 am 08:03 AM

随着互联网的发展,网站越来越复杂,功能越来越丰富,用户的需求也越来越多元化,为了方便用户快速定位所需要的功能,导航菜单成为了必不可少的一个元素。在ThinkPHP6中,如何使用导航菜单呢?本文将一步步为您介绍。1.创建导航菜单数据表在ThinkPHP6中,我们可以使用数据库来存储导航菜单信息,首先我们需要创建一个导航菜单的数据表。具体的表结构如下:CREAT

HTML、CSS和jQuery:制作一个漂亮的导航菜单HTML、CSS和jQuery:制作一个漂亮的导航菜单Oct 24, 2023 am 08:23 AM

HTML、CSS和jQuery:制作一个漂亮的导航菜单导航菜单在网页设计中起着非常重要的作用,它不仅可以为访问者提供导航功能,还可以增加网站的用户体验。本文将介绍如何使用HTML、CSS和jQuery来制作一个漂亮的导航菜单,并附上具体的代码示例。一、HTML结构首先,我们需要使用HTML来创建导航菜单的结构。以下是一个简单的HTML导航菜单模板:&lt;n

HTML、CSS和jQuery:制作一个导航菜单下拉动画效果HTML、CSS和jQuery:制作一个导航菜单下拉动画效果Oct 27, 2023 pm 03:22 PM

HTML、CSS和jQuery:制作一个导航菜单下拉动画效果在Web开发中,一个吸引人的页面效果可以增加用户对网站的好感度,提高用户体验。其中,菜单导航是网站中常见的元素之一,我们可以通过添加动画效果来增加菜单的交互效果,使网站更加生动。在本文中,我们将使用HTML、CSS和jQuery来制作一个带有下拉动画效果的导航菜单。通过下面的步骤,你将学会如何使用这

如何通过纯CSS实现网页的平滑滚动导航菜单如何通过纯CSS实现网页的平滑滚动导航菜单Oct 20, 2023 pm 04:22 PM

如何通过纯CSS实现网页的平滑滚动导航菜单引导用户在网页中进行导航是一个重要的设计元素,而平滑滚动导航菜单是提供用户友好的导航体验的一种方式。本文将介绍如何通过纯CSS来实现这样的导航菜单,并提供相应的代码示例。一、HTML结构首先,我们需要在HTML中创建导航菜单的基本结构。以下是一个简单的示例:&lt;navclass=&quot;smooth-scr

纯CSS实现响应式导航菜单的实现步骤纯CSS实现响应式导航菜单的实现步骤Oct 21, 2023 am 08:30 AM

纯CSS是一种快速创建响应式导航菜单的方法,无需使用JavaScript。在本文中,我们将为您提供实现响应式导航菜单的详细步骤,并提供具体的代码示例。步骤1:HTML结构首先,我们需要设置导航菜单的HTML结构。以下是一个简单的示例:&lt;navclass=&quot;navbar&quot;&gt;&lt;ulclass=&quot;menu&q

HTML、CSS和jQuery:制作一个带有动画效果的一级导航菜单HTML、CSS和jQuery:制作一个带有动画效果的一级导航菜单Oct 27, 2023 pm 12:31 PM

HTML、CSS和jQuery:制作一个带有动画效果的一级导航菜单在网页设计和开发中,导航菜单是一个非常重要的组成部分。一个好的导航菜单可以提供清晰的导航结构和良好的用户体验。在本文中,我们将通过使用HTML、CSS和jQuery来制作一个带有动画效果的一级导航菜单。一、HTML结构首先,我们需要建立导航菜单的HTML结构。以下是一个简单的示例:&lt;na

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),