-- 作者：ioyichen
-- 发布时间：3/17/2008 4:01:00 PM
-- ie6中a:hover 问题(ie7没有测试过，估计也会存在)
：做一个级联菜单，想用a:hover来做在菜单项上的移动效果，当鼠标在菜单项快速移动时，a:hover的效果会延迟，前提条件：菜单项的内容较多。不用a:hove用mouseover,mouseout情况会更加糟糕！firefox或菜单项数量不多时，可以正常显示移动效果
以下内容为程序代码:
<style type="text/css">
.gc-cata-menu-belowdiv{
position:absolute;
z-index:2020;
font-size: 12px;
}
.gc-cata-menu-belowdiv ul{
list-style-type:none;
padding:2px;
background:buttonface;
border-style:solid;
border-width:2px;
border-color:#eee gray gray #eee;
position:absolute;
width:110px;
}
.gc-cata-menu-belowdiv ul li{
clear:both;
}
.gc-cata-menu-belowdiv ul li a{
padding:2px 5px 2px 0;
position:relative;
float:left;
text-decoration:none;
color:#000;
}
.gc-cata-menu-belowdiv ul li a:hover {
background:#2a5faa;
color:#fff;
}
.gc-cata-menu-belowdiv span{
white-space:nowrap;
overflow:hidden;
width:80px;
display:block;
cursor:pointer;
padding-left:10px;
float:left;
}
.gc-cata-menu-belowdiv ul li div{
width:10px;
height:12px;
float:right;
}
</style>
<body>
<div id="grpe-cata-belowdiv" class="gc-cata-menu-belowdiv" style="display: block; left: 569px; top: 143px;">
<ul>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li><li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
<li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
</ul></div>
</body>
|
|