집 >백엔드 개발 >PHP 튜토리얼 >PHP 드롭다운 메뉴와 다단계 열을 구현하는 방법은 무엇입니까? (코드 실제 테스트)

PHP 드롭다운 메뉴와 다단계 열을 구현하는 방법은 무엇입니까? (코드 실제 테스트)

藏色散人원래의: 2018-08-09 14:11:054424검색

웹사이트 구축 시 탐색 모음에는 일반적으로 드롭다운 열이 표시됩니다. 이 기능의 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 II를 중심으로 레벨 드롭다운 메뉴를 간단하게 구현하는 방법을 소개하는데, 도움이 필요한 친구들에게 도움이 되었으면 좋겠습니다.

[관련 콘텐츠 추천]

PHP 개발 네비게이션 바 보조 드롭다운 메뉴 완성코드

PHP 개발 네비게이션 바 보조 드롭다운 메뉴 HTML 페이지

PHP 드롭다운으로 데이터베이스 읽는 방법 menu

php jQuery를 사용하여 3단계 탐색 모음 드롭다운 메뉴의 표시 효과 구현

PHP 개발 탐색 모음 2단계 드롭다운 메뉴 CSS 스타일

위 내용은 PHP 드롭다운 메뉴와 다단계 열을 구현하는 방법은 무엇입니까? (코드 실제 테스트)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

php jquery css html 数据库

성명：

이전 기사：전역 변수가 유효하지 않거나 잘못된 이유는 무엇입니까?다음 기사：전역 변수가 유효하지 않거나 잘못된 이유는 무엇입니까?

PHP 드롭다운 메뉴와 다단계 열을 구현하는 방법은 무엇입니까? (코드 실제 ​​테스트)

관련 기사

PHP 드롭다운 메뉴와 다단계 열을 구현하는 방법은 무엇입니까? (코드 실제 테스트)