채택완료

메뉴 자바스크립트 문의드립니다.

2017-03-01 (수) 11:38:09 9,668

 메뉴로 사용할려고하는데요.. 그냥 마우스 메뉴에 대면 바로 아래 소 메뉴가 나타 납니다.

메뉴를 클릭해야 아래 2단 메뉴가 나오게 안될까요?

Copy
<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><!-- 메뉴끝 -->
 
|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

<a href="#" onmouseover=

부분을 전부 onclick 으로 수정

<a href="#" onclick=

답변에 대한 댓글 1개

감사합니다~ 작은별님~

답변을 작성하려면 로그인이 필요합니다.