공지사항 탭 자바스크립트 질문이요 ㅠㅠ 정보
공지사항 탭 자바스크립트 질문이요 ㅠㅠ본문
안녕하세요 기본도 잘 모르는 상태에서
뭐하나 하려니 힘드네요 ㅠㅠ
공지사항부분에 마우스 오버하면 여러개로나눠져서
카테고리 별로 최근게시판을 나누려는데요
잘된거 같은데 첫화면에서 같은 탭이 밑에 하나 더 나오네요...
마우스를 올리면 사라지긴 하는데
F5눌러보면 또다시 나옵니다. ㅠㅠ
소스는 아래와 같구요..많은 도움 부탁드려요..감사합니다
================================
<script language="javascript">
<!--
// 공지사항, 이벤트 탭메뉴 관련
function menu1(index) {
if (navigator.userAgent.indexOf("MSIE") != -1) {
if (index == 1) {
t1.style.display = "";
t2.style.display = "none";
t3.style.display = "none";
}else if(index == 2){
t1.style.display = "none";
t2.style.display = "";
t3.style.display = "none";
}else if(index == 3){
t1.style.display = "none";
t2.style.display = "none";
t3.style.display = "";
}
}
}
//-->
</script>
<div id="t1">
<table width="276" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0 0 0 0"><img src="http://www.somedi.co.kr/online_over.gif" border="0" onclick="javascript:more_online();" style="cursor:hand"></td>
<td><img src="http://www.somedi.co.kr/post_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(2);"></td>
<td><img src="http://www.somedi.co.kr/notice_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(3);"></td>
</tr>
<tr>
<td colspan="3"><img src="http://www.somedi.co.kr/main_ntab_top.gif" width="276" height="3"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top" height="75" background="http://www.somedi.co.kr/main_ntab_center_bg.gif" ><table width="276" border="0" cellpadding="1" cellspacing="0" >
<tr>
<td height="6"></td>
</tr>
<tr>
<td align="left" style="padding:6 0 0 10;LETTER-SPACING: -0.5px ;">
온라인상담
</td>
</tr>
<tr>
<td colspan="3" height="3" align="right"></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="t2">
<table width="276" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0 0 0 0"><img src="http://www.somedi.co.kr/online_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(1);"></td>
<td><img src="http://www.somedi.co.kr/post_over.gif" border="0" onclick="javascript:more_post();" style="cursor:hand"></td>
<td><img src="http://www.somedi.co.kr/notice_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(3);"></td>
</tr>
<tr>
<td colspan="3"><img src="http://www.somedi.co.kr/main_ntab_top.gif" width="276" height="3"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top" height="75" background="http://www.somedi.co.kr/main_ntab_center_bg.gif" ><table width="276" border="0" cellpadding="1" cellspacing="0" >
<tr>
<td height="6"></td>
</tr>
<tr>
<td align="left" style="padding:6 0 0 10;LETTER-SPACING: -0.5px ;">시술후기</td>
</tr>
<tr>
<td colspan="3" height="3" align="right"></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id=t3 style="display:none">
<table width="276" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0 0 0 0"><img src="http://www.somedi.co.kr/online_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(1);"></td>
<td><img src="http://www.somedi.co.kr/post_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(2);"></td>
<td><img src="http://www.somedi.co.kr/notice_over.gif" border="0" onclick="javascript:more_notice()" style="cursor:hand"></td>
</tr>
<tr>
<td colspan="3"><img src="img/main_ntab_top.gif" width="276" height="3"></td>
</tr>
<tr>
<td valign="top" align="center" colspan="3" height="75" background="http://www.somedi.co.kr/main_ntab_center_bg.gif"><table width="276" border="0" cellpadding="1" cellspacing="0" >
<tr>
<td height="6"></td>
</tr>
<tr>
<td align="left" style="padding:6 0 0 10;LETTER-SPACING: -0.5px ;">공지사항</td>
</tr>
</table></td>
</tr>
</table>
</div>
뭐하나 하려니 힘드네요 ㅠㅠ
공지사항부분에 마우스 오버하면 여러개로나눠져서
카테고리 별로 최근게시판을 나누려는데요
잘된거 같은데 첫화면에서 같은 탭이 밑에 하나 더 나오네요...
마우스를 올리면 사라지긴 하는데
F5눌러보면 또다시 나옵니다. ㅠㅠ
소스는 아래와 같구요..많은 도움 부탁드려요..감사합니다
================================
<script language="javascript">
<!--
// 공지사항, 이벤트 탭메뉴 관련
function menu1(index) {
if (navigator.userAgent.indexOf("MSIE") != -1) {
if (index == 1) {
t1.style.display = "";
t2.style.display = "none";
t3.style.display = "none";
}else if(index == 2){
t1.style.display = "none";
t2.style.display = "";
t3.style.display = "none";
}else if(index == 3){
t1.style.display = "none";
t2.style.display = "none";
t3.style.display = "";
}
}
}
//-->
</script>
<div id="t1">
<table width="276" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0 0 0 0"><img src="http://www.somedi.co.kr/online_over.gif" border="0" onclick="javascript:more_online();" style="cursor:hand"></td>
<td><img src="http://www.somedi.co.kr/post_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(2);"></td>
<td><img src="http://www.somedi.co.kr/notice_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(3);"></td>
</tr>
<tr>
<td colspan="3"><img src="http://www.somedi.co.kr/main_ntab_top.gif" width="276" height="3"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top" height="75" background="http://www.somedi.co.kr/main_ntab_center_bg.gif" ><table width="276" border="0" cellpadding="1" cellspacing="0" >
<tr>
<td height="6"></td>
</tr>
<tr>
<td align="left" style="padding:6 0 0 10;LETTER-SPACING: -0.5px ;">
온라인상담
</td>
</tr>
<tr>
<td colspan="3" height="3" align="right"></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="t2">
<table width="276" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0 0 0 0"><img src="http://www.somedi.co.kr/online_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(1);"></td>
<td><img src="http://www.somedi.co.kr/post_over.gif" border="0" onclick="javascript:more_post();" style="cursor:hand"></td>
<td><img src="http://www.somedi.co.kr/notice_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(3);"></td>
</tr>
<tr>
<td colspan="3"><img src="http://www.somedi.co.kr/main_ntab_top.gif" width="276" height="3"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top" height="75" background="http://www.somedi.co.kr/main_ntab_center_bg.gif" ><table width="276" border="0" cellpadding="1" cellspacing="0" >
<tr>
<td height="6"></td>
</tr>
<tr>
<td align="left" style="padding:6 0 0 10;LETTER-SPACING: -0.5px ;">시술후기</td>
</tr>
<tr>
<td colspan="3" height="3" align="right"></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id=t3 style="display:none">
<table width="276" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0 0 0 0"><img src="http://www.somedi.co.kr/online_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(1);"></td>
<td><img src="http://www.somedi.co.kr/post_out.gif" border="0" onMouseOver="this.style.cursor = 'hand';menu1(2);"></td>
<td><img src="http://www.somedi.co.kr/notice_over.gif" border="0" onclick="javascript:more_notice()" style="cursor:hand"></td>
</tr>
<tr>
<td colspan="3"><img src="img/main_ntab_top.gif" width="276" height="3"></td>
</tr>
<tr>
<td valign="top" align="center" colspan="3" height="75" background="http://www.somedi.co.kr/main_ntab_center_bg.gif"><table width="276" border="0" cellpadding="1" cellspacing="0" >
<tr>
<td height="6"></td>
</tr>
<tr>
<td align="left" style="padding:6 0 0 10;LETTER-SPACING: -0.5px ;">공지사항</td>
</tr>
</table></td>
</tr>
</table>
</div>
댓글 전체