플래쉬 느낌의 슬라이딩 드롭메뉴(3단계메뉴지원)
페이지 정보
작성자 서방님 댓글 0건 조회 110회 작성일 07-08-11 15:37본문
<html>
<head>
<title>http://www.blueb.co.kr</title>
<style>
td.mtDropdown{ FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY:verdana; letter-spacing:-1; }
.mtDropdownMenu {
LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px
}
.mtDropdownMenu .content {
POSITION: absolute
}
.mtDropdownMenu .items {
BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; POSITION: relative; TOP: 0px
}
.top .items {
BORDER-TOP: medium none
}
.mtDropdownMenu .item {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #4a4b4b; BORDER-BOTTOM: medium none; FONT-FAMILY: 굴림; TEXT-DECORATION: none
}
.mtDropdownMenu .background {
Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8
}
.mtDropdownMenu .shadowRight {
Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4
}
.mtDropdownMenu .shadowBottom {
Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4
}
.mtDropdownMenu .hover {
BACKGROUND: #F5F5F5; font-weight: bold;
}
</style>
<script language=javascript src="http://www.blueb.co.kr/SRC/javascript/drop_menu_sc.js" ></script>
<script language=javascript>
var preloaded = [];
function init() {
mtDropDown.initialize();
}
function swapImage(imgName, sFilename) {
document.images[imgName].src = sFilename;
}
</script>
</head>
<body onload=init();>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onMouseover="msover(1);" onMouseout="msout(1);" onfocus='blur()'><img id=menu1 src="http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuoff01.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(2);" onMouseout="msout(2);" onfocus='blur()'><img id=menu2 src="http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuoff02.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(3);" onMouseout="msout(3);" onfocus='blur()'><img id=menu3 src="http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuoff03.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(4);" onMouseout="msout(4);" onfocus='blur()'><img id=menu4 src="http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuoff04.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(5);" onMouseout="msout(5);" onfocus='blur()'><img id=menu5 src="http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuoff05.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(6);" onMouseout="msout(6);" onfocus='blur()'><img id=menu6 src="http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuoff06.gif" border="0" align="absmiddle"></a></td>
</tr>
</table>
<script language="javascript">
var Tmenuov = "";
var Tmenuou = "";
function msover(num) {
document.all["menu" + num].src = "http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuon0"+num+".gif";
}
function msout(num) {
document.all["menu" + num].src = "http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuoff0"+num+".gif";
Tmenuov = num;
}
function divmsover() {
document.all["menu" + Tmenuov].src = "http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuon0"+Tmenuov+".gif";
Tmenuou = Tmenuov;
}
function divmsout() {
document.all["menu" + Tmenuou].src = "http://www.blueb.co.kr/SRC/javascript/image5/blueb_menuoff0"+Tmenuou+".gif";
}
</script>
<script language=javascript src="http://www.blueb.co.kr/SRC/javascript/drop_menudata.js"></script>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
