>  기사  >  백엔드 개발  >  PHP는 3단계 탐색 모음 효과를 구현합니다.

PHP는 3단계 탐색 모음 효과를 구현합니다.

WBOY
WBOY원래의
2016-07-25 08:43:381443검색

1. 데이터 구성 파일 db.php

  1. return array(
  2. array(
  3. 'one' => '회사소개',
  4. 'two' => array(
  5. array(
  6. ' three_tit' => '회사소개',
  7. ' three_cont' => array(
  8. ' 회사소개) 프로필',
  9. '조직 구조',
  10. '개발 연혁',
  11. '기업 문화',
  12. '서비스 개념'
  13. )
  14. ),
  15. array(
  16. '3_tit' => '기업명예',
  17. '3_cont' => array(
  18. '수상장',
  19. '산업공헌',
  20. '자격인증서',
  21. '협회활동',
  22. '회사실적')
  23. ),
  24. array(
  25. ' three_tit' => '판매망',
  26. ' three_cont' => array(
  27. '동북',
  28. '북중국',
  29. '중동',
  30. '남중국',
  31. '남서',
  32. '북서'
  33. )
  34. )
  35. )
  36. ),
  37. array(
  38. 'one' => '제품 디스플레이',
  39. 'two' => array(
  40. array(
  41. ' three_tit' = > '수출입 무역',
  42. '3_cont' => 배열(
  43. '디지털 제품',
  44. '최신 에너지',
  45. '신선한 과일',
  46. '육류 제품 ',
  47. '의류',
  48. '금은 장신구'
  49. )
  50. ),
  51. array(
  52. '3_tit' => '비즈니스 서비스',
  53. ' three_cont ' => array(
  54. '자격인증',
  55. '인재교육',
  56. '인기상품추천',
  57. '최신기술'
  58. )
  59. )
  60. )
  61. ),
  62. array(
  63. 'one' => '뉴스 센터',
  64. 'two' => array(
  65. array(
  66. ' three_tit' =>) ; '기업 소식',
  67. ' three_cont' => array(
  68. '회사 소식',
  69. '신제품 출시',
  70. '기업 소식'
  71. )
  72. ),
  73. array(
  74. '3_tit' => '업계 동향',
  75. '3_cont' => array(
  76. '미디어 포커스',
  77. '업계 관심사항',
  78. '국내 시장 상황',
  79. '국제 시장'
  80. )
  81. )
  82. )
  83. ),
  84. array(
  85. 'one' => '문의하기',
  86. 'two' => array(
  87. array(
  88. ' three_tit' => '연락처 정보',
  89. ' three_cont' => array(
  90. '온라인 고객 서비스',
  91. '서신주소',
  92. '전화팩스',
  93. '온라인 메시지'
  94. )
  95. ),
  96. array(
  97. ' three_tit' => '인재모집',
  98. '3_cont' => array(
  99. '프로젝트 관리자',
  100. '비서실장',
  101. '채널 에이전트',
  102. '웹사이트 엔지니어'
  103. )
  104. )
  105. )
  106. )
  107. )
  108. ?>
코드 복사

2.index 파일
  1. header('Content-type:text/html;charset=utf-8')
  2. // 데이터 로드
  3. $data = include './db.php'; // html 파일 로드
  4. include './nav.html';
  5. 코드 복사

3.nav.html 파일
  1. < ;meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <제목>/title> type="text/css">
  3. *{
  4. 패딩: 0;
  5. 여백: 0;
  6. }
  7. 글꼴: 18px/50px 'Microsoft Yahei';
  8. 색상: #FFF;
  9. }
  10. li{
  11. 목록 스타일: 없음
  12. }
  13. a{
  14. 텍스트 장식: 없음
  15. 색상: # FFF;
  16. }
  17. #nav{
  18. 너비: 50px;
  19. 배경:
  20. 여백: 30px auto; ;
  21. 상자 그림자: 2px 3px 2px #479E33;
  22. }
  23. #nav ul.menu{
  24. 패딩: 0 5px; 🎜> 너비: 120px;
  25. 높이: 50px;
  26. 텍스트 정렬:
  27. 위치: 상대; 🎜> #nav ul.menu li a{
  28. 디스플레이: block;
  29. text-shadow:0px 1px 1px #479E33;
  30. }
  31. #nav ul.menu li a:hover {
  32. 색상: #FFF;
  33. 배경:
  34. }
  35. #nav ul.menu li s{
  36. 높이: 30px; solid #479E33; 디스플레이: 블록;
  37. 위치: 절대;
  38. 오른쪽: 0;
  39. 상단:
  40. }
  41. #nav ul.menu li ul 위치: 절대;
  42. 왼쪽: 0;
  43. 배경: #479E33;
  44. 상자 그림자: 2px 3px 2px ;
  45. }
  46. #nav ul.menu li ul li{
  47. border-bottom: 1px solid #479E33;
  48. 너비: 120px
  49. 위치: 상대; #nav ul.menu li ul li a{
  50. 글꼴 크기: 16px;
  51. }
  52. #nav ul.menu li ul li .hide{
  53. 위치: 절대
  54. 상단: 0px ;
  55. 왼쪽: 120px;
  56. }
  57. #nav ul.menu li ul li .hide li{
  58. border-left: 1px solid
  59. }
  60. #nav ul. 메뉴 li ul li .hide li a{
  61. 글꼴 크기:
  62. }
  63. .two,.hide{
  64. 디스플레이: 없음
  65. }
  • 复制代码

    php


    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.