，为什么鼠标移下去，上拉菜单不显示
日期：2014-05-20 浏览次数：20918 次
求助，为什么鼠标移上去，下拉菜单不显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css">
body{margin:0;padding:0;}
.#list{width:200px;}
.#list ul,li{margin:0;padding:0; list-style-type:none;}
.#list li{background:#f7f7f7;height:24px;line-height:24px;width:200px;border-bottom:1px solid #ccc;text-align:center;position:relative;}
.#list li.hover{background:#c0c0c0 url(http://img.ifeng.com/tres/phoenix/icon2.gif) no-repeat 186px -303px;}
.#list li a{height:24px;line-height:24px;}
.#list li ul{display:none;position:absolute;top:0;left:0;margin-left:200px;}
.#list li ul li{background:#ffffe1;width:200px;}
.#list li ul li.hover{background:#ffffe1;}
</style>
<script src="jquery-1.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(".a li").css({display:"none"});
$('#list li').hover(function () {
$(this).addClass("hover").find("ul").show();
}, function () {
$(this).removeClass("hover").find("ul").hide();
});
})
</script>
</head>
<body>
<div id="list">
<ul>
<li><a href="#">Solutions</a>
<ul class="a">
<li><a href="../ags/banking.html">Banking</a></li>
<li><a href="../ags/government.html">Government</a></li>
<li><a href="../ags/education.html">Education</a> </li>
</ul>
</li>
<li><a href="#">Software</a>
<ul class="a">
<li><a href="../square/home.html">Content Collaboration</a></li>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css">
body{margin:0;padding:0;}
.#list{width:200px;}
.#list ul,li{margin:0;padding:0; list-style-type:none;}
.#list li{background:#f7f7f7;height:24px;line-height:24px;width:200px;border-bottom:1px solid #ccc;text-align:center;position:relative;}
.#list li.hover{background:#c0c0c0 url(http://img.ifeng.com/tres/phoenix/icon2.gif) no-repeat 186px -303px;}
.#list li a{height:24px;line-height:24px;}
.#list li ul{display:none;position:absolute;top:0;left:0;margin-left:200px;}
.#list li ul li{background:#ffffe1;width:200px;}
.#list li ul li.hover{background:#ffffe1;}
</style>
<script src="jquery-1.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(".a li").css({display:"none"});
$('#list li').hover(function () {
$(this).addClass("hover").find("ul").show();
}, function () {
$(this).removeClass("hover").find("ul").hide();
});
})
</script>
</head>
<body>
<div id="list">
<ul>
<li><a href="#">Solutions</a>
<ul class="a">
<li><a href="../ags/banking.html">Banking</a></li>
<li><a href="../ags/government.html">Government</a></li>
<li><a href="../ags/education.html">Education</a> </li>
</ul>
</li>
<li><a href="#">Software</a>
<ul class="a">
<li><a href="../square/home.html">Content Collaboration</a></li>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
