메뉴 자바스크립트 문의드립니다.
본문
메뉴로 사용할려고하는데요.. 그냥 마우스 메뉴에 대면 바로 아래 소 메뉴가 나타 납니다.
메뉴를 클릭해야 아래 2단 메뉴가 나오게 안될까요?
<script>
// 메뉴 자바스크립트
var poj = null;
function subView(pos,disp)
{
var obj = document.getElementById(pos);
if(poj) poj.style.display = 'none';
obj.style.display = disp;
poj = obj;
}
</script>
<style>
#menu {width:1000px; font-size:9pt;}
#menu li,ul{list-style:none;margin:0px; padding:0px;}
#menu .top{height:40px; background:url(img/Mu.gif); line-height:40px; padding-left:15px;}
#menu .top a{padding-right:6px; color:#ffffff; text-decoration:none;}
#menu .top a:hover{color:#666666;}
#menu .sub{height:29px; padding-left:15px; line-height:29px; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
#menu .sub a{padding-right:6px; color:#666666; text-decoration:none;}
#menu .sub a:hover{color:#ED6E93;}
</style>
<ul id="menu"><!-- 메뉴 -->
<li class="top">
<a href="#" onmouseover='subView("Mu01","block");'>아아소개</a>
<a href="#" onmouseover='subView("Mu02","block");'>아아쿠폰</a>
<a href="#" onmouseover='subView("Mu03","block");'>쿠폰테이크</a>
<a href="#" onmouseover='subView("Mu04","block");'>디자인</a>
<a href="#" onmouseover='subView("Mu05","block");'>제작의뢰</a>
<a href="#" onmouseover='subView("Mu06","block");'>포트폴리오</a>
<a href="#" onmouseover='subView("Mu07","block");'>커뮤니티</a>
<a href="#" onmouseover='subView("Mu08","block");'>무료 호스팅</a>
<a href="#" onmouseover='subView("Mu09","block");'>웹PD</a>
<a href="#" onmouseover='subView("Mu10","block");'>블로그</a>
</li>
<li class="sub">
<span id='Mu00' style='display:none'>
<a href=""><marquee behavior="alternate"> <font color="red">긴급공지 : 하하</font></marquee></a></span>
<span id='Mu01' style='display:none'>
<a href="<?=$g4['path']?>/include/introduce.php">아아소개</a>
<a href="<?=$g4['path']?>/include/LrLrintroduce.php">나나소개</a>
</span>
<span id='Mu02' style='display:none'>
<a href="#">오디스크</a>
<a href="#">에이드라이브</a>
</span>
<span id='Mu03' style='display:none'>
<a href="#">HTML (블로그,사이트)퍼가기</a>
<a href="#">쿠폰생성 프로그램</a>
<a href="#">쿠폰위젯 프로그램</a>
</span>
<span id='Mu04' style='display:none'>
<a href="#">솔루션</a>
<a href="#">스킨</a>
</span>
<span id='Mu05' style='display:none'>
<a href="#">의뢰상담</a>
<a href="#">진행중</a>
</span>
<span id='Mu06' style='display:none'>
<a href="#">웹사이트</a>
<a href="#">프로그램</a>
</span>
<span id='Mu07' style='display:none'>
<a href="#">자료실</a>
<a href="#">자유게시판</a>
</span>
<span id='Mu08' style='display:none'>
<a href="#">호스팅 소개</a>
<a href="#">호스팅 신청</a>
</span>
<span id='Mu09' style='display:none'>
<a href="#">스킨</a>
<a href="#">디자인</a>
<a href="#">HTML 강좌</a>
<a href="#">PHP 강좌</a>
<a href="#">ASP 강좌</a>
<a href="#">JSP 강좌</a>
<a href="#">JAVASCRIPT 강좌</a>
<a href="#">JQUERY 강좌</a>
</span>
<span id='Mu10' style='display:none'>
<a href="#">블로그스킨</a>
<a href="#">블로그강좌</a>
</span>
</li>
</ul><!-- 메뉴끝 -->
답변을 작성하시기 전에 로그인 해주세요.
