遇到一个问题求高手解答
jquery吧
全部回复
仅看楼主
level 1
1L贴HTML代码
--------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
</head>
<body>
<nav>
<div id="topnav">
<div id="topnavinfo">
<div id="lognAddr" >
<span style="margin-left:10px;">送至:</span><span id="mAddr">北京</span><span class="navimg" id="icon"><img src="img/navicon/navicon.png"></span> <div id="cAddr"></div>
</div>
<div id="showAddr" >
<div style="margin-top: 15px">
<span class="red">北京</span><span>上海</span><span>天津</span><span>重庆</span><span>河北</span>
<span>山西</span><span>河南</span><span>辽宁</span><span>吉林</span><span>宁夏</span>
<span>江西</span><span>四川</span><span>海南</span><span>江西</span><span>云南</span>
<span>西藏</span><span>陕西</span><span>甘肃</span><span>青海</span><span>台湾</span>
</div>
</div>
</div>
</div>
</nav>
</body>
</html>
2016年02月24日 14点02分 1
level 1
css代码
------------
.red{
background: red;
color: white;
}
#topnav{
height: 30px;
background: #f1f1f1;
}
#topnavinfo{
height: 30px;
width: 1200px;
margin: auto;
background: #f1f1f1;
font-size: 12px;
color: #666666;
line-height: 30px;
position: relative;
}
#lognAddr{
width: 90px;
}
#lognAddr sapan{
margin:auto;
}
.navimg{
margin-left: 2px;
width: 14px;
height: 8px;
}
#showAddr{
height: 141px;
width: 270px;
/* background: lightgreen;*/
border: solid 1px #f1f1f1;
position: absolute;
left: -1px;
top: 30px;
border: 1px solid #D4CFCF;
border-top:none;
display: none;
}
#showAddr span{
padding: 8px;
margin-left:10px;
margin-top: 15px;
}
#showAddr span:hover{
color: red;
background: #f1f1f1;
cursor: pointer;
}
2016年02月24日 14点02分 2
level 1
3l js代码
------------
$(function(){
$("#lognAddr").mouseover(function(){
var _this= this;
$(this).css({"background":"#ffffff"});
$("#showAddr").show();
}). mouseout(function(){
defaultIcon();
$("#showAddr").hide();
});
function changeIcon(obj){
$(".navimg").find("img").attr("src","img/navicon/navicon1.png");
}
function defaultIcon(){
$(".navimg").find("img").attr("src","img/navicon/navicon.png");
}
});
2016年02月24日 14点02分 3
level 1
鼠标移动到上面的DIV下面的DIV会显示,但是鼠标移走下面的DIV就消失
我想实现的是鼠标在下面DIV的时候,上面的div样式不改变。
只有鼠标从这两个DIV移走的时候,下面的DIV才会隐藏
2016年02月24日 14点02分 4
level 1
不知道我有没有描述清楚,参考京东页面
求大神
2016年02月24日 14点02分 5
level 1
为什么没有人
2016年02月24日 15点02分 6
level 1
大神都睡了?
2016年02月24日 15点02分 7
level 1
大神在哪里
2016年02月24日 23点02分 8
level 1
[啊]
2016年02月24日 23点02分 9
level 1
[汗]
2016年02月24日 23点02分 10
level 1
问题已解决,谢各位大神
2016年02月25日 02点02分 11
level 7
看不懂看不懂看不懂重要的事情要说三遍
2016年03月03日 06点03分 12
1