묻고답하기
메뉴를 테이블 배경으로 넣었는데 자꾸 그림을 다시받습니다.
2003.08.20 12:29
테이블에 가져가면 배경이 바뀌게 하는 식으로 메뉴를 만들었는데
자꾸 그 메뉴에 마우스 가져가면 그림을 받으면서
깜빡깜빡거리네요. 뭐가잘못된건지...
답변 부탁드립니다.
ps. 그리고 onmouseover에서 img alt태그처럼 뜨게 하는 방법은 없는지요.
행복한 하루 되세요 ^^*
--------------------------------------------------소스---------------------------------------------------
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
table, tr, td, div {font-family:정9; font-size:9pt;}
A:link {text-decoration:none; color:#A4E4B1}
A:visited {text-decoration:none; color:#A4E4B1}
A:active {text-decoration:none; color:#ffffff}
.td-out {background-image:url(images/menu.gif); }
.td-over {background-image:url(images/menu2.gif); cursor:hand;}
-->
</style>
<body>
<td height="38" align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out>메인메뉴</td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
</tr>
자꾸 그 메뉴에 마우스 가져가면 그림을 받으면서
깜빡깜빡거리네요. 뭐가잘못된건지...
답변 부탁드립니다.
ps. 그리고 onmouseover에서 img alt태그처럼 뜨게 하는 방법은 없는지요.
행복한 하루 되세요 ^^*
--------------------------------------------------소스---------------------------------------------------
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
table, tr, td, div {font-family:정9; font-size:9pt;}
A:link {text-decoration:none; color:#A4E4B1}
A:visited {text-decoration:none; color:#A4E4B1}
A:active {text-decoration:none; color:#ffffff}
.td-out {background-image:url(images/menu.gif); }
.td-over {background-image:url(images/menu2.gif); cursor:hand;}
-->
</style>
<body>
<td height="38" align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out>메인메뉴</td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
<td align="center" onClick="MM_goToURL('parent','Untitled-12.htm');return document.MM_returnValue" onMouseOver="this.className='td-over'" onMouseOut="this.className='td-out'" class=td-out> </td>
</tr>