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

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

 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title Document /title  /head  body  div id= nav  li a href= 首页 /a /li  li a href=   /a  li a href= # 索尼 /a /li  li a href= # 联想 /a /li  /ul  /li  li a href= 摄像机 /a  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开发 导航栏二级下拉菜单CSSyangshi_10628_1.html' target='_blank'>CSS样式

以上就是php下拉菜单及多级栏目怎么实现的？（代码实测）的详细内容，PHP教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。