풀다운 메뉴 작동문제 질문드립니다.
본문
웹에서 코드를 찾아서 적용했는데 일반 페이지에서는 잘되는것 같은데 게시판 헤드와 테일로 만들어 적용하면 마우스 오버했을때 깜빡거리거나 내려와서 올라가지 안거나 여러가지 문제가 발생되네요.. 뭔가 잘못 수정된 부분이 있을듯한데 정확하게 뭐가 문제인지 모르겠습니다.
아무튼 그누보드에 적용하면 잘안되고 있습니다.
아래코드가 헤드와 테일에 넣은 코드입니다.
-----------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>title</title>
<style>
UL { list-style:none; margin:0px; padding:0px; }
.menu { height:108px; line-height:32px; }
.menu > LI { float:center; width:100%; }
.submenuBox { float:center; position:absolute; top:144px; height:0px; width:100%; overflow:hidden; }
.submenu { float:center; width:100%; }
.submenu > LI { float:center; width:100%; padding:0px 0px; }
</style>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script> $(function() {
$(".menuBox").mouseenter(function() {
$(".submenuBox")
.animate({'height':'175px'}, 500, function() {
$(".menuBox")
.unbind('mouseleave')
.mouseleave(function() {
$(".submenuBox").animate({'height':'0px'}, 500)
})
})
})
})
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" background="images/main_02.jpg" height="354">
<p> </p>
</td>
<td width="1000" height="354" align="center" valign="top" background="images/main_02.jpg">
<table border="0" width="1000" cellpadding="0" cellspacing="0">
<tr>
<td height="36" align="right">
<table border="0" width="1000" cellpadding="0" cellspacing="0" height="36">
<tr>
<td align="right"><img src="images/main_03.jpg" border="0"><a href=""><img src="images/main_04.jpg" border="0"></a><img src="images/main_05.jpg" border="0"><a href=""><img src="images/main_06.jpg" border="0"></a></td>
<td width="115" align="center" background="images/main_07.jpg"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="108">
<div class="menuBox">
<ul class="menu">
<li>
<table border="0" width="1000" cellpadding="0" cellspacing="0" height="108">
<tr>
<td width="145" rowspan="3"><a href=""><img src="images/main_09.jpg" width="145" height="108" border="0"></a></td>
<td height="52"> </td>
</tr>
<tr>
<td><img src="images/main_11.jpg" border="0"><a href=""><img src="images/main_12.jpg" border="0"></a><img src="images/main_13.jpg" border="0"><a href=""><img src="images/main_14.jpg" border="0"></a><img src="images/main_15.jpg" border="0"><a href=""><img src="images/main_16.jpg" border="0"></a><img src="images/main_17.jpg" border="0"><a
href=""><img src="images/main_18.jpg" border="0"></a><img src="images/main_19.jpg" border="0"></td>
</tr>
<tr>
<td height="28"> </td>
</tr>
</table>
</li>
</ul>
<div class="submenuBox" style="text-align:center; width:100%; height:0px; position:absolute; top:144px; z-index:99;">
<ul class="submenu">
<li>
<table border="0" width="100%" cellpadding="0" cellspacing="0" height="175">
<tr>
<td width=50%></td>
<td width="1000"><a href="http://"><img src="images/menu_back.jpg" border="0"></a></td>
<td width=50%></td>
</tr>
</table>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td height="210"><img src="images/suv_v.jpg" border="0"></td>
</tr>
</table>
</td>
<td height="354" align="center" valign="top" background="images/main_08.jpg"> </td>
</tr>
<tr>
<td align="center" valign="top" colspan="3">
<table border="0" width="1000" cellpadding="0" cellspacing="0">
<tr>
<td height="35">
</td>
</tr>
<tr>
<td>
<table border="0" width="1000" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="200"></td>
<td width="40" valign="top"> </td>
<td width="760" valign="top">
<table border="0" width="760" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="50%"> </td>
<td width="50%" valign="top" align="right"> </td>
</tr>
</table>
<table border="0" width="760" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
------------------------------------------------------------여기까지 헤드
------------------------------------------------------------여기부터 테일
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" background="images/main_36.jpg" colspan="3">
<table border="0" width="1000" cellpadding="0" cellspacing="0">
<tr>
<td height="100"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
답변 1
jquery가 중복 선언되어서 그런 거 아닌가요?
그것도 아니면 그누보드에서 사용하는 버전대가 만드신 메뉴와 맞지 않거나 하지 않을까요?
코드에서 jquery는 빼도 똑같네요...
그누4최신버전을 사용하는데 잘안되네요..
풀다운 메뉴가 마우스 오버하면 내려와야 하는데 그냥 내려와있고 마우스 오버하면 움 직이는데 내려왔다 올라왔다 깜빡깜빡 맘대로네요..
