마우스 오버시 추가메뉴가 나오게 하려고 하는데요.. 정보
마우스 오버시 추가메뉴가 나오게 하려고 하는데요..본문
http://www.insvalley.com/insvalley.jsp
여기보시면 왼쪽 메뉴에 마우스 가면 메뉴가 나오고
그 메뉴 위에 마우스가 있으면 메뉴가 유지되다가
마우스가 떠나면 사라지는..
그누보드로 사이트가 이제 거의 완성단계에 들어갔는데요..
저부분이 해결이 안돼네요 .....
여기에 질문하는게 맞나욤..??
다른부분은 여기서 해결했는데 -_-;;
왠지 이건 자바스크립트 같기도 하고 -_-;;
여기보시면 왼쪽 메뉴에 마우스 가면 메뉴가 나오고
그 메뉴 위에 마우스가 있으면 메뉴가 유지되다가
마우스가 떠나면 사라지는..
그누보드로 사이트가 이제 거의 완성단계에 들어갔는데요..
저부분이 해결이 안돼네요 .....
여기에 질문하는게 맞나욤..??
다른부분은 여기서 해결했는데 -_-;;
왠지 이건 자바스크립트 같기도 하고 -_-;;
댓글 전체
아참 그리고 이런 메뉴를 모라고하나요?
풀다운 메뉴 혹은 드롭다운 메뉴 머 등등 부르기 나름이겠죠;;;ㅜㅜ;;
제가 알기론 show-hide layer가 맞을겁니다.
저건 layer로 작업해야 하구요. css 로 코드를 맞춰줘야합니다.
쓰기에 따라선 굉장히 복잡하게 만들 수있구요.
나와져 있는 형태가 많으니깐 변형해서 사용하시면 될듯해요.
소스보시면
<!--<td width="472" height="50" valign="bottom"><a href="javascript:clickLink(1,1,'/consult/recommend_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_rcmd','','/img/2007main/head_mn01b.gif',1)"><img src="/img/2007main/head_mn01.gif" name="cateTop_rcmd" width="71" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" align="absmiddle"><a href="javascript:clickLink(1,1,'/car/car_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_car','','/img/2007main/head_mn02b.gif',1)"><img src="/img/2007main/head_mn02.gif" name="cateTop_car" width="86" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" align="absmiddle"><a href="javascript:clickLink(1,1,'/insuinfo/insuinfo_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_insuinfo','','/img/2007main/head_mn03b.gif',1)"><img src="/img/2007main/head_mn03.gif" name="cateTop_insuinfo" width="72" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" hspace="0" align="absmiddle"><a href="javascript:clickLink(1,1,'/myzone/myinsu_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_myzone','','/img/2007main/head_mn04b.gif',0)"><img src="/img/2007main/head_mn04.gif" name="cateTop_myzone" width="70" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" hspace="0" align="absmiddle"><a href="javascript:clickLink(1,1,'/event/event_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_event','','/img/2007main/head_mn05b.gif',1)"><img src="/img/2007main/head_mn05.gif" name="cateTop_event" width="59" height="30" border="0"></a></td>-->
<td width="480" height="50" valign="bottom"><a href="javascript:clickLink(1,1,'/consult/recommend_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_rcmd','','/img/2007main/head_mn01b.gif',1)"><img src="/img/2007main/head_mn01.gif" name="cateTop_rcmd" width="71" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" align="absmiddle"><a href="javascript:clickLink(1,1,'/car/car_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_car','','/img/2007main/head_mn02b.gif',1)"><img src="/img/2007main/head_mn02.gif" name="cateTop_car" width="86" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" align="absmiddle"><a href="javascript:clickLink(1,1,'/insuinfo/insuinfo_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_insuinfo','','/img/2007main/head_mn03b.gif',1)"><img src="/img/2007main/head_mn03.gif" name="cateTop_insuinfo" width="72" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" hspace="0" align="absmiddle"><a href="javascript:clickLink(1,1,'/myzone/myinsu_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_myzone','','/img/2007main/head_mn04b.gif',0)"><img src="/img/2007main/head_mn04.gif" name="cateTop_myzone" width="70" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" hspace="0" align="absmiddle"><a href="javascript:clickLink(1,1,'/event/event_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_event','','/img/2007main/head_mn05b.gif',1)"><img src="/img/2007main/head_mn05.gif" name="cateTop_event" width="59" height="30" border="0"></a></td>
이런형태로 되어있는되여. 이게 사실상 숨겨져 있는 코드가 더 많아서 여기다 설명 일일이 쓰기에는 양이;;;
아뭏든 외국사이트에 이런게 좀 많은 편이예요
제가 알기론 show-hide layer가 맞을겁니다.
저건 layer로 작업해야 하구요. css 로 코드를 맞춰줘야합니다.
쓰기에 따라선 굉장히 복잡하게 만들 수있구요.
나와져 있는 형태가 많으니깐 변형해서 사용하시면 될듯해요.
소스보시면
<!--<td width="472" height="50" valign="bottom"><a href="javascript:clickLink(1,1,'/consult/recommend_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_rcmd','','/img/2007main/head_mn01b.gif',1)"><img src="/img/2007main/head_mn01.gif" name="cateTop_rcmd" width="71" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" align="absmiddle"><a href="javascript:clickLink(1,1,'/car/car_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_car','','/img/2007main/head_mn02b.gif',1)"><img src="/img/2007main/head_mn02.gif" name="cateTop_car" width="86" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" align="absmiddle"><a href="javascript:clickLink(1,1,'/insuinfo/insuinfo_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_insuinfo','','/img/2007main/head_mn03b.gif',1)"><img src="/img/2007main/head_mn03.gif" name="cateTop_insuinfo" width="72" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" hspace="0" align="absmiddle"><a href="javascript:clickLink(1,1,'/myzone/myinsu_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_myzone','','/img/2007main/head_mn04b.gif',0)"><img src="/img/2007main/head_mn04.gif" name="cateTop_myzone" width="70" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" hspace="0" align="absmiddle"><a href="javascript:clickLink(1,1,'/event/event_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_event','','/img/2007main/head_mn05b.gif',1)"><img src="/img/2007main/head_mn05.gif" name="cateTop_event" width="59" height="30" border="0"></a></td>-->
<td width="480" height="50" valign="bottom"><a href="javascript:clickLink(1,1,'/consult/recommend_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_rcmd','','/img/2007main/head_mn01b.gif',1)"><img src="/img/2007main/head_mn01.gif" name="cateTop_rcmd" width="71" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" align="absmiddle"><a href="javascript:clickLink(1,1,'/car/car_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_car','','/img/2007main/head_mn02b.gif',1)"><img src="/img/2007main/head_mn02.gif" name="cateTop_car" width="86" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" align="absmiddle"><a href="javascript:clickLink(1,1,'/insuinfo/insuinfo_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_insuinfo','','/img/2007main/head_mn03b.gif',1)"><img src="/img/2007main/head_mn03.gif" name="cateTop_insuinfo" width="72" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" hspace="0" align="absmiddle"><a href="javascript:clickLink(1,1,'/myzone/myinsu_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_myzone','','/img/2007main/head_mn04b.gif',0)"><img src="/img/2007main/head_mn04.gif" name="cateTop_myzone" width="70" height="30" border="0"></a><img src="/img/2007main/head_mn06.gif" width="1" height="30" hspace="0" align="absmiddle"><a href="javascript:clickLink(1,1,'/event/event_main.jsp','','');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cateTop_event','','/img/2007main/head_mn05b.gif',1)"><img src="/img/2007main/head_mn05.gif" name="cateTop_event" width="59" height="30" border="0"></a></td>
이런형태로 되어있는되여. 이게 사실상 숨겨져 있는 코드가 더 많아서 여기다 설명 일일이 쓰기에는 양이;;;
아뭏든 외국사이트에 이런게 좀 많은 편이예요
모르겠어요 ㅠ.ㅠ