Heim >Web-Frontend >HTML-Tutorial >下拉菜单总是出不来asp_html/css_WEB-ITnose
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
下拉菜单不用JS的,纯CSS完全可以实现!你的定位有问题!
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title><%=stitle&title%></title><meta name="keywords" content="<%=keywords%>" /><meta name="description" content="<%=descriptions%>" /><script type="text/javascript" src="js/jquery-1.8.0.min.js"></script><script type="text/javascript" src="js/jquery.jslides.js"></script><link rel="stylesheet" type="text/css" href="css/jquery.jslides.css" media="screen" /><link href="common/common.css" rel="stylesheet" type="text/css" /><style>#menu, #menu ul {margin: 0;padding: 0;list-style: none;}#menu {zoom: 1;}#menu li {float: left;position: relative;line-height:20px; margin-right:10px;}#menu ul {position: absolute;top: 20px;left:0px;z-index: 1;background: #fff;}#menu li ul{display:none;}#menu li:hover ul {opacity: 1;display:block;margin: 0;}</style></head><body><!--头部--><div class="top"> <div class="nav"> <ul id="menu"> <li class="float_left"><a href="index.asp">首 页</a></li> <li class="float_left"><a href="about.asp">关于我们</a></li> <li class="float_left"><a href="news.asp">新闻</a></li> <li class="float_left"><a href="PE_BRAID_LINE.asp">PE编织线</a> <ul> <li><a>sa11111111111df</a></li> <li><a>sa222222222222222df</a></li> <li><a>sa33333333333df</a></li> </ul> </li> <li class="float_left"><a href="fluorocarbon.asp">碳素线</a></li> <li class="float_left"><a href="NEEDLES.asp">配件</a></li> <li class="float_left"><a href="Monofilament.asp">尼龙线</a></li> <li class="float_left"><a href="contact.asp">联系我们</a></li> </ul> </div> </div><!--/头部--></body></html>