<html>
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>웹페이지 특수 효과|http://www.downcodes.com/|---CSS로 만든 3단계 메뉴</title>
<스타일 유형="텍스트/css">
<!--
몸 {
글꼴 모음: Arial, Helvetica, sans-serif;
글꼴 크기: 11px;
왼쪽 여백: 0px;
여백 상단: 0px;
오른쪽 여백: 0px;
여백 하단: 0px;
}
#메뉴 {
배경색: #FEF0E5;
필터:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FEF0E5',gradientType='0');
}
#nav, #navul {
float:left; /* 메뉴의 전체 수평 위치*/
지우기:오른쪽;
목록 스타일:없음;
/*line-height:22px 1단계 메뉴 높이*/
/*배경: #eee 모든 메뉴를 색상으로 이동*/
/*글꼴 두께: 굵게;8*/
패딩:0px;
여백:0px;
/*테두리:1px 솔리드 #ccc;
테두리 오른쪽: 0px;*/
}
#navulul{
/*테두리:1px 실선 #ccc;*/
테두리 상단:0px;
테두리 오른쪽:0px;
}
#nav a {
너비:120px;
표시:블록;
색상:#333;
텍스트 장식:없음;
텍스트 정렬:왼쪽;
/*테두리 오른쪽:1px 실선 #CCC;*/
패딩: 3px 4px 3px 7px;
}
#nav a:hover{
색상:#000;
테두리:1px 실선 #CCC;
여백: 0px;
패딩: 3px 5px 3px 6px;
배경색: #f1f1f1;
텍스트 장식: 없음;
} /* 모든 a:hover 글꼴 스타일*/
#nav a.selected{배경:url(flyout_arrow.gif) 오른쪽 50% 반복 없음;} /* 드롭다운 아이콘*/
#navli {
플로트:없음;
지우기:오른쪽;
높이:22px;
너비:120px;
}
#nav li ul li{
플로트:없음;
지우기:오른쪽;
높이:22px;
너비:120px;
}
#nav li ul { /* 보조 팝업 비트*/
위치:절대;
여백:-22px 0px 0px 119px;
패딩:0;
왼쪽:-9999em;
너비:120px;
글꼴 두께:일반;
표시:블록;
테두리:1px 실선 #CCCCCC;
배경:#fff;
}
/* 보조 메뉴 너비*/
#nav li ul a {
width:120px; /* 보조 메뉴 너비*/
/*line-height:24px; 보조 메뉴 높이
테두리:1px 실선 #CCC;*/
높이:22px;
텍스트 정렬:왼쪽;
여백: 0px;
}
#nav li ul ul {
여백:-22px 0px 0px 120px;
테두리:1px 실선 #CCC;
} /* 레벨 3 팝업 비트*/
#nav li:hover ul ul,#nav li.sfhover ul ul{왼쪽:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
왼쪽:자동;
높이:22px;
} /* 모든 팝업 메뉴에 대한 자동 왼쪽 여백 */
#nav li:hover, #nav li.sfhover {
배경:#f1f1f1;
높이:22px;
}
/* 모든 서스펜션 스타일 */
-->
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1=새 이미지();
img1.src="flyout_arrow.gif";
sfHover = 함수() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+="sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
window.onload=sfHover;
//--><!]]></script>
</head>
<body>
<table width="120" border="0" cellpacing="0" cellpadding="0" >
<tr>
<td valign="top" id="메뉴">
<ul id="nav">
<li> <a href=" http://homepage.yesky.com " target="_blank">
<span style="font-size: 9pt">홈</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="선택됨">
<span style="font-size: 9pt">프로젝트 수요협력</span></a><span style="font-size: 9pt">
</span>
<ul>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">웹사이트 프로젝트
</span> </a>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">웹사이트 프로젝트</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">전체 사이트 프로젝트</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">웹사이트 분석 및 계획</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">웹 디자인 및 제작</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">웹사이트 제작 및 개발</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">웹사이트 플래시 애니메이션</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">웹 서버</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">멀티미디어 디자인 및 제작</span></a>< 스팬 스타일="글꼴 크기: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">웹사이트 프로젝트</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">그래픽 디자인</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">CAD 엔지니어링 도면 디자인</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">3D 모델링 및 애니메이션</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">플래시 게임 애니메이션</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">음향 효과 및 음악</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">게임 원본 페인팅 설정</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">소프트웨어 개발</span></a><span 스타일 ="글꼴 크기: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">애플리케이션 소프트웨어</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">게임 개발</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">드라이버</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">내장형 개발</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">모바일 개발</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">MCU</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">데이터베이스 디자인</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">코드 포팅</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/"><span style="font-size: 9pt">네트워크 하드웨어</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="선택됨">
<span style="font-size: 9pt">정보 및 지식</span></a><span style="font-size: 9pt">
</span>
<ul>
<li> <a class="selected" href=" http://www.downcodes.com/"><span style="font-size: 9pt">정보 및 지식</span></a><span 스타일="글꼴 크기: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">실용적인 정보 및 도구</span> </a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">뉴스</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">지식 및 기술</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">디자인 제작 및 감상</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">프로젝트 거래 경험 토론</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">다운로드</span></a></li>
</ul>
</li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">우수 작품 감상</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">모집</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">이 사이트 정보</span></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>