1. 데이터 구성 파일 db.php
- return array(
- array(
- 'one' => '회사소개',
- 'two' => array(
- array(
- ' three_tit' => '회사소개',
- ' three_cont' => array(
- ' 회사소개) 프로필',
- '조직 구조',
- '개발 연혁',
- '기업 문화',
- '서비스 개념'
- )
- ),
- array(
- '3_tit' => '기업명예',
- '3_cont' => array(
- '수상장',
- '산업공헌',
- '자격인증서',
- '협회활동',
- '회사실적')
- ),
- array(
- ' three_tit' => '판매망',
- ' three_cont' => array(
- '동북',
- '북중국',
- '중동',
- '남중국',
- '남서',
- '북서'
- )
- )
- )
- ),
- array(
- 'one' => '제품 디스플레이',
- 'two' => array(
- array(
- ' three_tit' = > '수출입 무역',
- '3_cont' => 배열(
- '디지털 제품',
- '최신 에너지',
- '신선한 과일',
- '육류 제품 ',
- '의류',
- '금은 장신구'
- )
- ),
- array(
- '3_tit' => '비즈니스 서비스',
- ' three_cont ' => array(
- '자격인증',
- '인재교육',
- '인기상품추천',
- '최신기술'
- )
- )
- )
- ),
- array(
- 'one' => '뉴스 센터',
- 'two' => array(
- array(
- ' three_tit' =>) ; '기업 소식',
- ' three_cont' => array(
- '회사 소식',
- '신제품 출시',
- '기업 소식'
- )
- ),
- array(
- '3_tit' => '업계 동향',
- '3_cont' => array(
- '미디어 포커스',
- '업계 관심사항',
- '국내 시장 상황',
- '국제 시장'
- )
- )
- )
- ),
- array(
- 'one' => '문의하기',
- 'two' => array(
- array(
- ' three_tit' => '연락처 정보',
- ' three_cont' => array(
- '온라인 고객 서비스',
- '서신주소',
- '전화팩스',
- '온라인 메시지'
- )
- ),
- array(
- ' three_tit' => '인재모집',
- '3_cont' => array(
- '프로젝트 관리자',
- '비서실장',
- '채널 에이전트',
- '웹사이트 엔지니어'
- )
- )
- )
- )
- )
-
-
- ?>
코드 복사
2.index 파일
- header('Content-type:text/html;charset=utf-8')
- // 데이터 로드
- $data = include './db.php'; // html 파일 로드
- include './nav.html';
- 코드 복사
3.nav.html 파일 -
-
-
- < ;meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
-
- <제목>/title> type="text/css">
- *{
- 패딩: 0;
- 여백: 0;
- }
- 글꼴: 18px/50px 'Microsoft Yahei';
- 색상: #FFF;
- }
- li{
- 목록 스타일: 없음
- }
- a{
- 텍스트 장식: 없음
- 색상: # FFF;
- }
- #nav{
- 너비: 50px;
- 배경:
- 여백: 30px auto; ;
- 상자 그림자: 2px 3px 2px #479E33;
- }
- #nav ul.menu{
- 패딩: 0 5px; 🎜> 너비: 120px;
- 높이: 50px;
- 텍스트 정렬:
- 위치: 상대; 🎜> #nav ul.menu li a{
- 디스플레이: block;
- text-shadow:0px 1px 1px #479E33;
- }
- #nav ul.menu li a:hover {
- 색상: #FFF;
- 배경:
- }
- #nav ul.menu li s{
- 높이: 30px; solid #479E33; 디스플레이: 블록;
- 위치: 절대;
- 오른쪽: 0;
- 상단:
- }
- #nav ul.menu li ul 위치: 절대;
- 왼쪽: 0;
- 배경: #479E33;
- 상자 그림자: 2px 3px 2px ;
- }
- #nav ul.menu li ul li{
- border-bottom: 1px solid #479E33;
- 너비: 120px
- 위치: 상대; #nav ul.menu li ul li a{
- 글꼴 크기: 16px;
- }
- #nav ul.menu li ul li .hide{
- 위치: 절대
- 상단: 0px ;
- 왼쪽: 120px;
- }
- #nav ul.menu li ul li .hide li{
- border-left: 1px solid
- }
- #nav ul. 메뉴 li ul li .hide li a{
- 글꼴 크기:
- }
- .two,.hide{
- 디스플레이: 없음
- }
-
-
-
-
-
-
复制代码
|