jquery menu的有关问题，menu会随着滚动条移动的BUG
日期：2014-05-16 浏览次数：20665 次
jquery menu的问题，menu会随着滚动条移动的BUG。
各位大虾：很就没做程序了，现在把又重新把编码捡起来，有些吃力，碰到两个问题，请帮帮我，谢谢。
1、请运行下面附件的show.html，你先将鼠标移动到左上角menu1的位置，这样会正常显示子菜单的内容。当你向下移动滚动条，然后再将鼠标移动到左上角menu1的位置，将会出现一个BUG，请问如何解决？
2、
，左图显示的那条竖线如何与文字对齐？
谢谢各位大虾。
附件1：show.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=">
<title>在此处插入标题</title>
<link rel="stylesheet" href="jquery.megamenu.css" type="text/css" media="screen" />
<link rel="stylesheet" href="menu.css" type="text/css" media="screen" />
<style type="text/css">
body{
margin:0;
background-color:"#f2f2f2";
}
div.top{
position:fixed;
z-index:5555;
left:0px;
top:0px;
background:#000000;
width:100%;
height:45px;
-moz-box-shadow: 0px 0px 10px #888;
-webkit-box-shadow: 0px 0px 10px #888;
}
div.opera{
position:fixed;
left:0px;
top:45px;
background:#FFFFFF;
width:100%;
height:30px;
}
div.menuContent{
position:relative;
left:0px;
top:200px;
}
table.gridtable {
color:#333333;
border-width: 1px;
border-color: #eeeeee;
border-collapse: collapse;
}
table.gridtable th {
border-width: 1px;
border-style: solid;
border-color: #eeeeee;
background-color: #dedede;
}
table.gridtable td {
/*font-family: 黑体;*/
font-weight: bold;
font-size: 13px;
color:#CCCCCC;
border-width: 1px;
border-style: solid;
border-color: #eeeeee;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.megamenu.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function(){
var SelfLocation = window.location.href.split('?');
switch (SelfLocation[1]) {
case "justify_right":
jQuery(".megamenu").megamenu({ 'justify':'right' });
break;
case "justify_left":
default:
jQuery(".megamenu").megamenu();
}
});
</script>
</head>
<body>
<div class="top" align="left">
<table align="left" id="Page" cellspacing="0" cellpadding="0">
<tr><td valign="top">
<!--MegaMenu Starts-->
<ul class="megamenu">
<li>
<a href="javascript:void(0)">menu1</a>
&nb
各位大虾：很就没做程序了，现在把又重新把编码捡起来，有些吃力，碰到两个问题，请帮帮我，谢谢。
1、请运行下面附件的show.html，你先将鼠标移动到左上角menu1的位置，这样会正常显示子菜单的内容。当你向下移动滚动条，然后再将鼠标移动到左上角menu1的位置，将会出现一个BUG，请问如何解决？
2、
，左图显示的那条竖线如何与文字对齐？谢谢各位大虾。
附件1：show.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=">
<title>在此处插入标题</title>
<link rel="stylesheet" href="jquery.megamenu.css" type="text/css" media="screen" />
<link rel="stylesheet" href="menu.css" type="text/css" media="screen" />
<style type="text/css">
body{
margin:0;
background-color:"#f2f2f2";
}
div.top{
position:fixed;
z-index:5555;
left:0px;
top:0px;
background:#000000;
width:100%;
height:45px;
-moz-box-shadow: 0px 0px 10px #888;
-webkit-box-shadow: 0px 0px 10px #888;
}
div.opera{
position:fixed;
left:0px;
top:45px;
background:#FFFFFF;
width:100%;
height:30px;
}
div.menuContent{
position:relative;
left:0px;
top:200px;
}
table.gridtable {
color:#333333;
border-width: 1px;
border-color: #eeeeee;
border-collapse: collapse;
}
table.gridtable th {
border-width: 1px;
border-style: solid;
border-color: #eeeeee;
background-color: #dedede;
}
table.gridtable td {
/*font-family: 黑体;*/
font-weight: bold;
font-size: 13px;
color:#CCCCCC;
border-width: 1px;
border-style: solid;
border-color: #eeeeee;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.megamenu.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function(){
var SelfLocation = window.location.href.split('?');
switch (SelfLocation[1]) {
case "justify_right":
jQuery(".megamenu").megamenu({ 'justify':'right' });
break;
case "justify_left":
default:
jQuery(".megamenu").megamenu();
}
});
</script>
</head>
<body>
<div class="top" align="left">
<table align="left" id="Page" cellspacing="0" cellpadding="0">
<tr><td valign="top">
<!--MegaMenu Starts-->
<ul class="megamenu">
<li>
<a href="javascript:void(0)">menu1</a>
&nb
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
