PHP post management category navigation menu
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-type" c 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 >class</span>="item"><a <span>class</span>="title" name="1">用户管理</a>
<ul <span>class</span>="option">
<li><a href="#">添加用户</a></li>
<li><a href="#">管理用户</a></li>
</ul>
</li>
<li <span>class</span>="item"><a <span>class</span>="title" name="2">用户管理</a>
<ul <span>class</span>="option">
<li><a href="#">添加用户</a></li>
<li><a href="#">管理用户</a></li>
</ul>
</li>
<li <span>class</span>="item"><a <span>class</span>="title" name="3">用户管理</a>
<ul <span>class</span>="option">
<li><a href="#">添加用户</a></li>
<li><a href="#">管理用户</a></li>
</ul>
</li>
<li <span>class</span>="item"><a <span>class</span>="title" name="4">用户管理</a>
<ul <span>class</span>="option">
<li><a href="#">添加用户</a></li>
<li><a href="#">管理用户</a></li>
</ul>
</li>
</ul>
</body>
</html>
以上就介绍了php后管理分类导航菜单，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1387
52
What are the differences between Huawei GT3 Pro and GT4?
Dec 29, 2023 pm 02:27 PM
Many users will choose the Huawei brand when choosing smart watches. Among them, Huawei GT3pro and GT4 are very popular choices. Many users are curious about the difference between Huawei GT3pro and GT4. Let’s introduce the two to you. . What are the differences between Huawei GT3pro and GT4? 1. Appearance GT4: 46mm and 41mm, the material is glass mirror + stainless steel body + high-resolution fiber back shell. GT3pro: 46.6mm and 42.9mm, the material is sapphire glass + titanium body/ceramic body + ceramic back shell 2. Healthy GT4: Using the latest Huawei Truseen5.5+ algorithm, the results will be more accurate. GT3pro: Added ECG electrocardiogram and blood vessel and safety
How to use classes and methods in Python
Apr 21, 2023 pm 02:28 PM
Concepts and instances of classes and methods Class (Class): used to describe a collection of objects with the same properties and methods. It defines the properties and methods common to every object in the collection. Objects are instances of classes. Method: Function defined in the class. Class construction method __init__(): The class has a special method (construction method) named init(), which is automatically called when the class is instantiated. Instance variables: In the declaration of a class, attributes are represented by variables. Such variables are called instance variables. An instance variable is a variable modified with self. Instantiation: Create an instance of a class, a specific object of the class. Inheritance: that is, a derived class (derivedclass) inherits the base class (baseclass)
Fix: Snipping tool not working in Windows 11
Aug 24, 2023 am 09:48 AM
Why Snipping Tool Not Working on Windows 11 Understanding the root cause of the problem can help find the right solution. Here are the top reasons why the Snipping Tool might not be working properly: Focus Assistant is On: This prevents the Snipping Tool from opening. Corrupted application: If the snipping tool crashes on launch, it might be corrupted. Outdated graphics drivers: Incompatible drivers may interfere with the snipping tool. Interference from other applications: Other running applications may conflict with the Snipping Tool. Certificate has expired: An error during the upgrade process may cause this issu simple solution. These are suitable for most users and do not require any special technical knowledge. 1. Update Windows and Microsoft Store apps
Replace the class name of an element using jQuery
Feb 24, 2024 pm 11:03 PM
jQuery is a classic JavaScript library that is widely used in web development. It simplifies operations such as handling events, manipulating DOM elements, and performing animations on web pages. When using jQuery, you often encounter situations where you need to replace the class name of an element. This article will introduce some practical methods and specific code examples. 1. Use the removeClass() and addClass() methods jQuery provides the removeClass() method for deletion
What does class mean in python?
May 21, 2019 pm 05:10 PM
Class is a keyword in Python, used to define a class. The method of defining a class: add a space after class and then add the class name; class name rules: capitalize the first letter. If there are multiple words, use camel case naming, such as [class Dog()].
What element is li?
Aug 03, 2023 am 11:19 AM
li is an element in the HTML markup language and is used to create lists. li represents a list item, which is a child element of ul or ol. The role of the li tag is to define each item in the list. In HTML, the li element is usually used with the ul or ol element to create an ordered or unordered list. Unordered lists use the ul element, and list items are represented by the li element, while ordered lists use the ol element, also using li Element representation.
Detailed explanation of PHP Class usage: Make your code clearer and easier to read
Mar 10, 2024 pm 12:03 PM
When writing PHP code, using classes is a very common practice. By using classes, we can encapsulate related functions and data in a single unit, making the code clearer, easier to read, and easier to maintain. This article will introduce the usage of PHPClass in detail and provide specific code examples to help readers better understand how to apply classes to optimize code in actual projects. 1. Create and use classes In PHP, you can use the keyword class to define a class and define properties and methods in the class.
What is li in html
Nov 19, 2021 pm 03:31 PM
In HTML, the full English name of li is "list item", which means "list item". It is an element tag that defines a list item. The syntax is "<li>list item content</li>"; "<li>" tag Available in ordered list "<ol>" and unordered list "<ul>".
