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>
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment implémenter le menu de navigation basé sur les autorisations dans Laravel
Nov 02, 2023 pm 06:52 PM
À mesure que les sites Web et les applications deviennent fonctionnellement plus complexes, la gestion des autorisations devient critique. Lorsqu'un utilisateur se connecte via l'authentification, nous souhaitons qu'il puisse accéder aux pages et fonctionnalités pour lesquelles il a l'autorisation, mais pas aux pages et fonctionnalités pour lesquelles il n'a pas l'autorisation. Cet article expliquera comment implémenter un menu de navigation basé sur les autorisations dans Laravel afin que nous puissions facilement contrôler ce que l'utilisateur peut voir. Étape 1 : Installer Laravel et configurer la base de données Si vous connaissez déjà Laravel, vous pouvez ignorer cette étape. Sinon, veuillez suivre les
Comment utiliser le menu de navigation dans ThinkPHP6
Jun 21, 2023 am 08:03 AM
Avec le développement d'Internet, les sites Web deviennent de plus en plus complexes, leurs fonctions de plus en plus abondantes et les besoins des utilisateurs de plus en plus diversifiés. Afin de permettre aux utilisateurs de localiser rapidement les fonctions requises, le menu de navigation. est devenu un élément indispensable. Comment utiliser le menu de navigation dans ThinkPHP6 ? Cet article vous présentera étape par étape. 1. Créez une table de données de menu de navigation. Dans ThinkPHP6, nous pouvons utiliser une base de données pour stocker les informations du menu de navigation. Tout d'abord, nous devons créer une table de données de menu de navigation. La structure spécifique de la table est la suivante : CREAT
HTML, CSS et jQuery : créez un beau menu de navigation
Oct 24, 2023 am 08:23 AM
HTML, CSS et jQuery : créez un beau menu de navigation Le menu de navigation joue un rôle très important dans la conception Web. Il fournit non seulement des fonctions de navigation aux visiteurs, mais augmente également l'expérience utilisateur du site Web. Cet article expliquera comment utiliser HTML, CSS et jQuery pour créer un beau menu de navigation, avec des exemples de code spécifiques. 1. Structure HTML Tout d'abord, nous devons utiliser HTML pour créer la structure du menu de navigation. Voici un modèle de menu de navigation HTML simple : <n
Comment utiliser JavaScript pour obtenir l'effet de surbrillance en faisant défiler le menu de navigation jusqu'à une position spécifiée ?
Oct 19, 2023 am 09:46 AM
Comment utiliser JavaScript pour obtenir l'effet de surbrillance en faisant défiler le menu de navigation jusqu'à une position spécifiée ? Le menu de navigation est l'un des composants courants dans la conception Web. Afin d'améliorer l'expérience utilisateur, nous pouvons utiliser JavaScript pour obtenir l'effet de surbrillance lorsque le menu de navigation défile jusqu'à une position spécifiée. De cette façon, au fur et à mesure que l'utilisateur fait défiler la page, le menu de navigation se mettra à jour en temps réel pour afficher l'emplacement actuel. La clé pour obtenir cet effet est de surveiller l'événement de défilement de page et de déterminer la relation entre la position de défilement actuelle et la position spécifiée. Ci-dessous, nous allons
HTML, CSS et jQuery : créez un effet d'animation déroulant dans le menu de navigation
Oct 27, 2023 pm 03:22 PM
HTML, CSS et jQuery : créez un effet d'animation déroulant dans le menu de navigation. Dans le développement Web, un effet de page attrayant peut augmenter la préférence des utilisateurs pour le site Web et améliorer l'expérience utilisateur. Parmi eux, la navigation dans les menus est l'un des éléments courants des sites Web. Nous pouvons ajouter des effets d'animation pour augmenter l'effet interactif des menus et rendre le site Web plus vivant. Dans cet article, nous utiliserons HTML, CSS et jQuery pour créer un menu de navigation avec des effets d'animation déroulants. À travers les étapes suivantes, vous apprendrez à l'utiliser
Comment implémenter un menu de navigation à défilement fluide sur une page Web via du CSS pur
Oct 20, 2023 pm 04:22 PM
Comment implémenter un menu de navigation à défilement fluide sur une page Web via du CSS pur. Guider les utilisateurs dans la navigation dans une page Web est un élément de conception important, et un menu de navigation à défilement fluide est un moyen de fournir une expérience de navigation conviviale. Cet article présentera comment implémenter un tel menu de navigation via du CSS pur et fournira des exemples de code correspondants. 1. Structure HTML Tout d'abord, nous devons créer la structure de base du menu de navigation en HTML. Voici un exemple simple : <navclass="smooth-scr
Étapes de mise en œuvre pour la mise en œuvre d'un menu de navigation réactif en utilisant du CSS pur
Oct 21, 2023 am 08:30 AM
Pure CSS est un moyen rapide de créer des menus de navigation réactifs sans utiliser JavaScript. Dans cet article, nous vous présenterons les étapes détaillées pour mettre en œuvre un menu de navigation réactif, avec des exemples de code concrets. Étape 1 : Structure HTML Tout d’abord, nous devons configurer la structure HTML du menu de navigation. Voici un exemple simple :<navclass="navbar"><ulclass="menu&q
Comment utiliser Layui pour développer un menu de navigation arborescent
Oct 27, 2023 pm 01:27 PM
Comment utiliser Layui pour développer un menu de navigation basé sur une arborescence Le menu de navigation est l'un des composants courants dans le développement Web, et le menu de navigation basé sur une arborescence peut offrir une meilleure expérience utilisateur et une meilleure intégrité fonctionnelle. Cet article présentera comment utiliser le framework Layui pour développer un menu de navigation basé sur une structure arborescente et fournira des exemples de code spécifiques. 1. Préparation Avant de commencer le développement, vous devez confirmer que le framework Layui a été installé et que les fichiers de ressources Layui pertinents ont été correctement introduits dans la page HTML requise. 2. Compter
