드롭메뉴 적용방법좀 봐주세요..미치겠습니다.

드롭메뉴 적용방법좀 봐주세요..미치겠습니다. 정보

드롭메뉴 적용방법좀 봐주세요..미치겠습니다.

첨부파일

pro_dropdown_1.zip (8.7K) 7회 다운로드 2013-03-04 02:15:22

본문

드롭메뉴 적용방법좀 봐주세요..미치겠습니다.

소스도 올리겠습니다.

아래는 제소스입니다..
-----------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />
<title>Untitled Document</title>
<script type="text/javascript">
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">
<link rel="stylesheet" href="pro_drop_1.css" type="text/css" />
<script type="text/javascript" src="stuHover.js"></script>
<link rel="stylesheet" href="menu.css" type="text/css" />
body {
margin-left: 0px;
margin-top: 0px;
}
</style>
</head>

<body onload="MM_preloadImages('images/menu_02_over.gif','images/menu_03_over.gif','images/menu_05_over.gif','images/menu_06_over.gif')">
<table width="1200" border="0">
<tr>
<td colspan="2"><table id="Table_" width="1202" height="93" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="222" height="93" valign="top"><a href="./index.php"><img src="./images/top_sujung_02.gif" width="222" height="93" border="0" usemap= "#Map" /></a></td>
<td width="742" height="93"> </td>
<td width="41" height="84" valign="top"><a href="./index.php"><img src="./images/top_sujung_04.gif" alt="" width="41" height="84" border="0" usemap="#Map" /></a></td>
<td width="59" height="84" valign="top"><img src="./images/top_sujung_05.gif" width="59" height="84" alt="" /></td>
<td width="138" height="84" valign="top"><img src="./images/top_sujung_06.gif" width="43" height="84" alt="" /></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2"><table id="Table_2" width="1161" height="54" border="0" cellpadding="0" cellspacing="0">
<tr>

</tr>
</table></td>
</tr>
<tr>
<td width="213" height="121"><?include_once("$g4[path]/lib/outlogin.lib.php"); // outlogin() 함수를 사용하여야 하므로 이 프로그램을 포함시킵니다.
echo outlogin("basic"); // basic 스킨으로 아웃로그인을 출력합니다. ?> </td>
<td width="985" height="250"><img src="images/main.gif" width="950" height="250" alt="" /></td>
</tr>
</table>
</body>
</html>

---------------------------------------------------------------------------------------------

여기서부터는 사이트에서 가져온 자바스크립트구요

/* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/pro_drop_1/stuHover.js */

stuHover = function() {
var cssRule;
var newSelector;
for (var i = 0; i < document.styleSheets.length; i++)
for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
{
cssRule = document.styleSheets[i].rules[x];
if (cssRule.selectorText.indexOf("LI:hover") >= 0)
{
newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
}
}
var getElm = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<getElm.length; i++) {
getElm[i].onmouseover=function() {
this.className+=" iehover";
}
getElm[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", stuHover);

-----------------------------------------------------------------------------------------

미치겠습니다..링크도 제대로 한거 같은데 하나도 안먹히는거 같고..

어찌해야할까요...

위에 스크립트 중간에 넣었는데 안되서 일단 원소스에는 빼놓은 상태입니다..

첨부파일첨부하였습니다. ㅠㅠ 새벽2시인데 잠도 못자고잇어요 ㅠㅠ