마우스 오버 탭에 문제가 있습니다

포토샵에서 웹 페이지를 디자인하는 방법을 모르기 때문에 인터넷에서 웹 페이지 템플릿을 다운로드했습니다. 이것은 내가 다운로드 한 것입니다 : http://www.freewebtemplates.com/download/templates/9839 그리고 수정했습니다. 그리고이 코드는 동적 드라이브의 탭 위에 마우스가 있습니다. 하지만 내가 다운로드 한 템플릿으로 작동하지 않는 것 같습니다. 여기에 내 현재 코드 :마우스 오버 탭에 문제가 있습니다

<script src="mouseovertabs.js" type="text/javascript"> 



</script> 

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>Designed by Web Page Templates</title> 
<meta name="keywords" content="" /> 
<meta name="description" content="" /> 
<link href="default.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<table border="0" align="center" cellpadding="0" cellspacing="0" class="bg1"> 
    <tr> 
     <td class="text1" style="height: 50px;">xd627 information management system</td> 
    </tr> 

    <tr> 
    <div id="mytabsmenu" class="tabsmenuclass"> 

     <td class="bg5"><table border="0" cellspacing="0" cellpadding="0" style="height: 62px; padding-top: 15px;"> 
      <tr align="center"> 
       <td><ul><li><a href="index.html" class="link1">Homepage</a></li></td> 
       <td><li><a href="RegStuds.php" class="link1">Database</a></li></td> 
       <td><li><a href="#" class="link1">About</a></li> </ul></td> 
       <a href="submenucontents.htm" style="visibility:hidden">Sub Menu contents</a> 
       <div id="mysubmenuarea" class="tabsmenucontentclass"> 

<!--1st link within submenu container should point to the external submenu contents file--> 
<a href="submenucontents.htm" style="visibility:hidden">Sub Menu contents</a> 

</div> 

<script type="text/javascript"> 
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout") 
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true) 

</script> 
       </div>

잘못 여기가 무엇인지는 내 이전과 함께 완벽하게 작동하지만 전혀 레이아웃 :

는

<script src="mouseovertabs.js" type="text/javascript"> 

/*********************************************** 
* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) 
* This notice MUST stay intact for legal use 
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more 
***********************************************/ 

</script> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 

<body> 
<div id="mytabsmenu" class="tabsmenuclass"> 
<ul> 
<li><a href="" rel="gotsubmenu[selected]">Database Manipulation</a></li> 
<li><a href="" rel="gotsubmenu" >Register User</a></li> 
<li><a href="loginform2.php" rel="gotsubmenu" >Logout</a></li> 
<li><a href=""></a></li> 
</ul> 
</div> 

<div id="mysubmenuarea" class="tabsmenucontentclass"> 

<!--1st link within submenu container should point to the external submenu contents file--> 
<a href="submenucontents.htm" style="visibility:hidden">Sub Menu contents</a> 

</div> 

<script type="text/javascript"> 
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout") 
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true) 

</script> 
</body> 
</html>

출처

2010-04-11 user225269

정확히 무엇이 잘못 되었나요? 지금까지 어떤 디버깅을 했습니까? – Pointy

콘솔 오류가 발생하고 있습니까? .js 파일도 다운로드 했습니까? – sjobe

예, 모든 것이 제자리에 있습니다. – user225269

TR과 TD 사이에 아무것도 없을한다 태그를 사용하지만 mytabsmenu div가있는 곳입니다. 그것을 페이지의 정상 영역 (TD 내부)으로 옮긴 다음 다시 시도하십시오.

출처

2010-04-12 19:25:32 Asrar

마우스 오버 탭에 문제가 있습니다

답변

관련 문제