nav<br>// JavaScript 문서</font></p> <p><font face="Verdana">startList = function() {<br>if (document.all&&document.getElementById) {<br>navRoot = document.getElementById("nav");<br>for (i=0; i<navRoot .childNodes.length; i ) {<BR>node = navRoot.childNodes[i];<BR>if (node.nodeName=="LI") {<BR>node.onmouseover=function() {<BR>this .className =" over";<BR> }<BR> node.onmouseout=function() {<BR> this.className=this.className.replace(" over", "");<BR> }<BR> }<BR> }<BR> }<BR>}<BR>window.onload=startList;<BR><br>< !--<BR>body {<BR> 글꼴: 일반 11px verdana;<BR> }</FONT></P> <P><FONT face=Verdana>ul {<BR> 여백: 0;<BR> 패딩: 0;<BR> 목록 스타일: 없음;<BR> 너비: 150px; /* 메뉴 항목의 너비 */<BR> border-bottom: 1px solid #ccc;<BR> }<br><br>ul li {<BR> position:relative;<BR> }<br><br> li ul {<BR> 위치: 절대;<BR> 왼쪽: 149px; /* 메뉴 너비보다 1px 작게 설정 */<BR> top: 0;<BR> display: none;<BR> }</FONT></P> <P><FONT face=Verdana>/* 메뉴 항목 스타일 */<BR>ul li a {<BR> 디스플레이: 블록;<BR> 텍스트 장식: 없음;<BR> 색상: #777;<BR> 배경: #fff; /* IE6 버그 */<BR> 패딩: 5px;<BR> 테두리: 1px solid #ccc; /* IE6 버그 */<BR> border-bottom: 0;<BR> }<br><br>/* Holly Hack. IE 요구사항 */<BR>* html ul li { float: left; 높이: 1%; }<BR>* html ul li a { 높이: 1%; }<BR>/* 종료 */</FONT></P> <P><FONT face=Verdana>li:hover ul, li.over ul { 디스플레이: 블록; } /* 마법 */<BR>--><br> 홈 정보 역사 팀> 사무실 서비스 웹 디자인> 인터넷 마케팅 호스팅 도메인 이름> 광대역> 문의하기 영국 프랑스> 미국 호주
