Rumah >pembangunan bahagian belakang >tutorial php >php下拉菜单及多级栏目怎么实现的？（代码实测）

php下拉菜单及多级栏目怎么实现的？（代码实测）

藏色散人asal: 2018-08-09 14:11:054416semak imbas

在网站建设中，导航栏通常会有下拉栏目的显示，这种功能php实现并不是那么简单的，需要有一定数据库和PHP相关的知识储备。那么这篇文章就给大家用简单的方法介绍下PHP二级下拉菜单的功能实现，以便于大家理解学习。

这种简而易懂的方法主要是通过html和css代码来实现，php下拉菜单代码具体示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<div id="nav">
    <ul>
        <li><a href="">首页</a></li>
        <li><a href="">笔记本电脑</a>
            <ul>
                <li><a href="#">索尼</a> </li>
                <li><a href="#">联想</a> </li>
            </ul>
        </li>
        <li><a href="">摄像机</a>
            <ul>
                <li><a href="#">松下</a> </li>
                <li><a href="#">佳能</a> </li>
            </ul>
        </li>
        <li><a href="">联系我们</a></li>
    </ul>
</div>
</body>
</html>

style.css代码如下：

<style>
        *{margin:0;padding: 0;list-style: none;text-decoration: none;}
        #nav{width: 500px;height: 40px;background: #ccc;margin: 0 auto;}
        ul{background: #aaa}
        ul li{float:left; display:block; height: 40px; line-height: 40px; padding: 0 20px; position: relative;}
        ul li:hover{background: #cea;}
        ul li ul li{float: none;}
        /*关键一：将二级菜单设置为display：none;*/
 ul li ul{position: absolute;top:40px;left: 0; display: none;}
        ul li ul li:hover{background: red;}
        /*关键二：在划过二级菜单从属的一级菜单时，设置为display:block;*/
 ul li:hover ul{display: block;}
    </style>

本篇主要介绍php二级下拉菜单怎么用简单的方法来实现，希望对需要的朋友有所帮助。

【相关内容推荐】

PHP开发导航栏二级下拉菜单完整代码

PHP开发导航栏二级下拉菜单HTML页面

怎么php下拉菜单读取数据库

php和jQuery实现三级导航栏下拉菜单显示效果

PHP开发导航栏二级下拉菜单CSS样式

Atas ialah kandungan terperinci php下拉菜单及多级栏目怎么实现的？（代码实测）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php jquery css html 数据库

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：为什么global变量会出现无效或者错误的现象呢？Artikel seterusnya：PHP想要实现页面跳转功能具体怎么操作？（函数标签示例）

Artikel berkaitan

Lihat lagi