鼠标悬停在选项卡上时遇到问题
因为不知道如何在photoshop上设计网页，所以从网上下载了一个网页模板。这是我下载的： 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>
I downloaded a webpage template from the internet because I don't know how to design webpage on photoshop. This was the one I downloaded: http://www.freewebtemplates.com/download/templates/9839
And modified it.
And I have this code for mouse over tabs from dynamic drive. But doesn't seem to be working with the template that I downloaded. Here is my current code:
<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>
What might be wrong here,its working perfectly with my previous one, but with no layout at all:
<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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
TR 和 TD 标记之间不应该有任何内容，但这就是您的 mytabsmenu div 的位置。将其移动到页面上的正常区域（可能在您的 TD 内），然后重试。
There should not be anything between TR and TD tags, but that's where you have your mytabsmenu div. Move it into a normal area on the page (inside your TD maybe), then try again.