Maison > Article > interface Web > 下拉菜单总是出不来asp_html/css_WEB-ITnose
下拉菜单总是出不来asp_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:29:151016parcourir
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
" />
" />
<script></script>
<script></script>
<script> <br />$(function() { <br /> $('li').has('ul').mouseover(function(){ <br /> $(this).children('ul').css('visibility','visible'); <br /> }).mouseout(function(){ <br /> $(this).children('ul').css('visibility','hidden'); <br /> }); <br />}); <br /></script>
回复讨论(解决方案)
下拉菜单不用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> Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：购物车案例--麻雀虽小五脏俱全（小标签 浮动 定位……）_html/css_WEB-ITnoseArticle suivant：纯css3天气动画场景特效_html/css_WEB-ITnose