<!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>二级菜单</title>
<script type="text/javascript" src="jquery-3.2.0.js"></script>
<style type="text/css">
a{
color:#FFF;
text-decoration:none;
}
.first,.second
{
list-style:none;
}
.first>li
{
float:left;
}
.second
{
padding:0px;
}
.first>li>a
{
background:grey;
color:#FFF;
margin-left:1px;
width:100px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
display:block;
}
.second>li>a
{
width:100px;
background:blue;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
margin-top:1px;
margin-left:0px;
text-align:center;
display:none;
}
</style>
</head>
<body>
<ul class="first">
<li>
<a href="javascript:void(0)">固话业务</a>
<ul class="second">
<li><a href="javascript:void(0)">400电话</a></li>
<li><a href="javascript:void(0)">401电话</a></li>
<li><a href="javascript:void(0)">402电话</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">宽带业务</a>
<ul class="second">
<li><a href="javascript:void(0)">8兆宽带</a></li>
<li><a href="javascript:void(0)">16兆宽带</a></li>
<li><a href="javascript:void(0)">24兆宽带</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">帮助与支持</a>
</li>
</ul>
<script type="text/javascript">
$('ul.first>li>a').hover(function(){
$(this).css('background','red');
$(this).next().children().has('a').css('color','black').show();
},function(){
$(this).css('background','grey');
$(this).next().children().has('a').css('display','none');
});
</script>
</body>
</html>
鼠标悬停 二级菜单不显示,Jquery哪里不对啊?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- Go 旅城通票 2017-04-26 12:09关注
jquery路径对了没有?而且2+的jquery不支持ie8-,注意浏览器兼容性
has改为find$('ul.first>li>a').hover(function () { $(this).css('background', 'red'); $(this).next().children().find('a').css('color', 'black').show(); }, function () { $(this).css('background', 'grey'); $(this).next().children().find('a').css('display', 'none'); });
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
- ¥15 TYPCE母转母,插入认方向
- ¥15 如何用python向钉钉机器人发送可以放大的图片?
- ¥15 matlab(相关搜索:紧聚焦)
- ¥15 基于51单片机的厨房煤气泄露检测报警系统设计
- ¥15 路易威登官网 里边的参数逆向
- ¥15 Arduino无法同时连接多个hx711模块,如何解决?
- ¥50 需求一个up主付费课程
- ¥20 模型在y分布之外的数据上预测能力不好如何解决
- ¥15 processing提取音乐节奏