자바스크립트 메뉴 문제입니다
<script>
function showSubMenu(obj) {
document.all[obj].style.visibility = '';
}
function hideSubMenu(obj) {
document.all[obj].style.visibility = 'hidden';
}
</script>
function showSubMenu(obj) {
document.all[obj].style.visibility = '';
}
function hideSubMenu(obj) {
document.all[obj].style.visibility = 'hidden';
}
</script>
<a href="#" onMouseOver="showSubMenu('SubMenu1')" onMouseout="hideSubMenu('SubMenu1')" onfocus=blur()><img src="/images_ssket/kor/menu_01.gif" border="0" name="image1"></a>
<table id="mytable"><tr><td>
<div id=SubMenu1 style="position:absolute; z-index:1; top:expression(eval(mytable.offsetTop)+10);left:expression(eval(mytable.offsetLeft)+10); visibility: hidden" onMouseOver="showSubMenu('SubMenu1')" onMouseout="hideSubMenu('SubMenu1')">서브메뉴</div></td></tr></table>
<div id=SubMenu1 style="position:absolute; z-index:1; top:expression(eval(mytable.offsetTop)+10);left:expression(eval(mytable.offsetLeft)+10); visibility: hidden" onMouseOver="showSubMenu('SubMenu1')" onMouseout="hideSubMenu('SubMenu1')">서브메뉴</div></td></tr></table>
메뉴를 클릭하면 아래 서브메뉴가 나오는 구조인데요..
문제는 onMouseOut 때문에.. 큰 메뉴에서 마우스가 벗어나면
서브메뉴도 사라져 버려요 ㅠㅠ
온마우스 아웃을 아예 빼버렸더니..
서브메뉴가 다시 로드가 안되더라구요..
어떻게 방법이 없을까요? 도움 부탁드려요..
댓글 2개
13년 전
<style>td{cursor:hand}</style>
<script>
function menuOn(name) {
submenu = eval("submenu"+name+".style");
submenu.visibility = "visible";
}
function menuOff(name) {
submenu = eval("submenu"+name+".style");
submenu.visibility = "hidden";
}
</script>
<table bgcolor=dddddd width=180 height=30 cellpadding=0 cellspacing=0>
<tr>
<td align=center onMouseOver="menuOn(1)" onMouseOut="menuOff(1)" style="width:100px;height:40;">대메뉴1</td>
<td align=center onMouseOver="menuOn(2)" onMouseOut="menuOff(2)" style="width:100px;height:40;">대메뉴2</td>
</tr>
</table>
<div id="submenu1" onMouseOver="menuOn(1)" onMouseOut="menuOff(1)" style="position:absolute; left:10; top:45; visibility:hidden; background-color:eeeeee;list-style:none;">
<table cellpadding=0 cellspacing=0>
<tr><td><img src="1" alt="소메뉴1-1"></td><td><img src="1" alt="소메뉴1-2"></td></tr>
</table>
</div>
<div id="submenu2" onMouseOver="menuOn(2)" onMouseOut="menuOff(2)" style="position:absolute; left:100; top:45; visibility:hidden; background-color:eeeeee;">
<table cellpadding=0 cellspacing=0>
<tr><td><img src="1" alt="소메뉴2-1"></td><td><img src="1" alt="소메뉴2-2"></td></tr>
</table>
</div>
자주 쓰는 소스입니다 참고 하세요 ㅎ
<script>
function menuOn(name) {
submenu = eval("submenu"+name+".style");
submenu.visibility = "visible";
}
function menuOff(name) {
submenu = eval("submenu"+name+".style");
submenu.visibility = "hidden";
}
</script>
<table bgcolor=dddddd width=180 height=30 cellpadding=0 cellspacing=0>
<tr>
<td align=center onMouseOver="menuOn(1)" onMouseOut="menuOff(1)" style="width:100px;height:40;">대메뉴1</td>
<td align=center onMouseOver="menuOn(2)" onMouseOut="menuOff(2)" style="width:100px;height:40;">대메뉴2</td>
</tr>
</table>
<div id="submenu1" onMouseOver="menuOn(1)" onMouseOut="menuOff(1)" style="position:absolute; left:10; top:45; visibility:hidden; background-color:eeeeee;list-style:none;">
<table cellpadding=0 cellspacing=0>
<tr><td><img src="1" alt="소메뉴1-1"></td><td><img src="1" alt="소메뉴1-2"></td></tr>
</table>
</div>
<div id="submenu2" onMouseOver="menuOn(2)" onMouseOut="menuOff(2)" style="position:absolute; left:100; top:45; visibility:hidden; background-color:eeeeee;">
<table cellpadding=0 cellspacing=0>
<tr><td><img src="1" alt="소메뉴2-1"></td><td><img src="1" alt="소메뉴2-2"></td></tr>
</table>
</div>
자주 쓰는 소스입니다 참고 하세요 ㅎ
cshop
13년 전
드랍다운 메뉴 짜시는데 왜 .js 를 쓰시는지 이해 불가네요.. 그냥 css 로 짜시면 되는데.....
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5330 | 13년 전 | 756 | ||
| 5329 | 13년 전 | 698 | ||
| 5328 | 13년 전 | 634 | ||
| 5327 | 13년 전 | 879 | ||
| 5326 |
downmix
|
13년 전 | 1114 | |
| 5325 |
techer
|
13년 전 | 3139 | |
| 5324 |
techer
|
13년 전 | 963 | |
| 5323 | 13년 전 | 1174 | ||
| 5322 |
김준수사랑
|
13년 전 | 887 | |
| 5321 |
다케미카코
|
13년 전 | 746 | |
| 5320 |
 cshop |
13년 전 | 993 | |
| 5319 |
한번잘해보자
|
13년 전 | 999 | |
| 5318 |
cshop |
13년 전 | 1260 | |
| 5317 |
techer
|
13년 전 | 2695 | |
| 5316 |
techer
|
13년 전 | 3140 | |
| 5315 | 13년 전 | 1168 | ||
| 5314 |
티즈코리아
|
13년 전 | 1224 | |
| 5313 | 13년 전 | 695 | ||
| 5312 |
cshop |
13년 전 | 1864 | |
| 5311 |
innis
|
13년 전 | 761 | |
| 5310 | 13년 전 | 851 | ||
| 5309 |
changho
|
13년 전 | 657 | |
| 5308 |
 raineye |
13년 전 | 1360 | |
| 5307 |
cshop |
13년 전 | 789 | |
| 5306 | 13년 전 | 1157 | ||
| 5305 |
세상속으로
|
13년 전 | 1145 | |
| 5304 | 13년 전 | 656 | ||
| 5303 | 13년 전 | 2236 | ||
| 5302 | 13년 전 | 1384 | ||
| 5301 | 13년 전 | 1100 | ||
| 5300 |
프로프리랜서
|
13년 전 | 1074 | |
| 5299 | 13년 전 | 858 | ||
| 5298 | 13년 전 | 674 | ||
| 5297 |
나랑사귈래
|
13년 전 | 608 | |
| 5296 | 13년 전 | 1336 | ||
| 5295 | 13년 전 | 1113 | ||
| 5294 | 13년 전 | 727 | ||
| 5293 |
 Terrorboy |
13년 전 | 5820 | |
| 5292 |
cshop |
13년 전 | 791 | |
| 5291 | 13년 전 | 613 | ||
| 5290 | 13년 전 | 553 | ||
| 5289 | 13년 전 | 651 | ||
| 5288 | 13년 전 | 1161 | ||
| 5287 | 13년 전 | 756 | ||
| 5286 | 13년 전 | 964 | ||
| 5285 | 13년 전 | 1323 | ||
| 5284 |
미스홍당무
|
13년 전 | 853 | |
| 5283 |
basketball
|
13년 전 | 1744 | |
| 5282 | 13년 전 | 782 | ||
| 5281 |
 엘남매아빠 |
13년 전 | 792 | |
| 5280 | 13년 전 | 1206 | ||
| 5279 | 13년 전 | 1373 | ||
| 5278 |
크라이스트
|
13년 전 | 2044 | |
| 5277 |
 아지야학교가자 |
13년 전 | 731 | |
| 5276 |
그누보드환자이송
|
13년 전 | 786 | |
| 5275 | 13년 전 | 701 | ||
| 5274 | 13년 전 | 1368 | ||
| 5273 | 13년 전 | 2004 | ||
| 5272 | 13년 전 | 1119 | ||
| 5271 | 13년 전 | 1434 | ||
| 5270 | 13년 전 | 808 | ||
| 5269 | 13년 전 | 521 | ||
| 5268 | 13년 전 | 641 | ||
| 5267 | 13년 전 | 1178 | ||
| 5266 | 13년 전 | 1836 | ||
| 5265 | 13년 전 | 1608 | ||
| 5264 |
크라이스트
|
13년 전 | 1197 | |
| 5263 |
 홈피공장장 |
13년 전 | 1263 | |
| 5262 |
제이티37
|
13년 전 | 582 | |
| 5261 |
 스마트파인드 |
13년 전 | 774 | |
| 5260 |
quenya
|
13년 전 | 2066 | |
| 5259 | 13년 전 | 704 | ||
| 5258 | 13년 전 | 725 | ||
| 5257 |
크라이스트
|
13년 전 | 4589 | |
| 5256 | 13년 전 | 1248 | ||
| 5255 | 13년 전 | 3250 | ||
| 5254 |
 몽키D팡야 |
13년 전 | 703 | |
| 5253 | 13년 전 | 768 | ||
| 5252 | 13년 전 | 765 | ||
| 5251 | 13년 전 | 712 | ||
| 5250 |
dudn1114
|
13년 전 | 1290 | |
| 5249 | 13년 전 | 666 | ||
| 5248 | 13년 전 | 736 | ||
| 5247 | 13년 전 | 2076 | ||
| 5246 | 13년 전 | 500 | ||
| 5245 | 13년 전 | 2190 | ||
| 5244 | 13년 전 | 1449 | ||
| 5243 |
엘남매아빠 |
13년 전 | 971 | |
| 5242 | 13년 전 | 769 | ||
| 5241 | 13년 전 | 1848 | ||
| 5240 |
 TopSchooL |
13년 전 | 505 | |
| 5239 | 13년 전 | 1032 | ||
| 5238 | 13년 전 | 1218 | ||
| 5237 | 13년 전 | 1114 | ||
| 5236 | 13년 전 | 582 | ||
| 5235 |
스마트파인드 |
13년 전 | 758 | |
| 5234 |
뭐먹고살지ㅠ
|
13년 전 | 1027 | |
| 5233 | 13년 전 | 3595 | ||
| 5232 | 13년 전 | 3135 | ||
| 5231 | 13년 전 | 3727 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기