jQuery鼠标经过隐藏层出来,鼠标还没移到隐藏层就隐藏了怎么解决?
<divclass="flip"><divstyle="float:left;width:110px;height:110px;margin-top:50px;margi...
<div class="flip">
<div style="float:left; width:110px; height:110px; margin-top:50px; margin-left:50px; background-image:url(2房屋出租.jpg); background-repeat:no-repeat;"></div>
<div class="title" style=" float:left; width:250px; height:25px; margin-top:40px;font-size: 20px; text-align:left;"><a href="javascript:void(0)" style="color:#666666; text-decoration:none;">上海(越凡)设计装饰</a></div>
<div style="float:left; width:840px; height:20px; text-align:left; line-height:30px;">【浦东、徐汇、普陀、大宅】四家直营设计中心★家装施工1级资质★装修协会20万质保金为您又多一重保修协会20万质保金又多一重保护★50对位设计师多对一服务★水电终身质保,让您安心入住!</div>
<div style="float:left; width:200px; height:30px; text-align:left; line-height:30px; margin-top:40px;">优势:西门子插座免费送</div>
<div style="float:left; width:300px; height:30px; margin-top:80px; margin-left:-218px;">一月热销指数:53 总预约量:8890</div>
<div class="tip" style=" float:left; margin-top:83px; cursor:pointer;"><a ><img src="cs.jpg" width="15px" height="15px" /></a></div>
<div style=" float:right; width:122px; height:30px; margin-top:80px; background-image:url(cs.jpg); line-height:30px; color:#FFFFFF; margin-right:60px;">欢迎</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".tip").hover(function(){
$(".panel").show("slow");},
function(){
$(".panel").hide("slow");
}
);
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".title1").hover(function(){
$(".panel1").show("slow");
});
});
</script>
<div class="panel">
<div class="focus layout mt10" style="margin-left:140px; margin-top:10px;" >
<div class="focus_wrap">
<ul class="cf" id="slide">
<li class="" style="overflow: hidden; width: 80px;">
<a href="javascript:;" target="_blank"><img src="http://img1.gtimg.com/sh/pics/hv1/3/128/1741/113241168.jpg" width="700" height="180"></a>
<span class="hshadow" style="height: 330px;"></span></li> 展开
<div style="float:left; width:110px; height:110px; margin-top:50px; margin-left:50px; background-image:url(2房屋出租.jpg); background-repeat:no-repeat;"></div>
<div class="title" style=" float:left; width:250px; height:25px; margin-top:40px;font-size: 20px; text-align:left;"><a href="javascript:void(0)" style="color:#666666; text-decoration:none;">上海(越凡)设计装饰</a></div>
<div style="float:left; width:840px; height:20px; text-align:left; line-height:30px;">【浦东、徐汇、普陀、大宅】四家直营设计中心★家装施工1级资质★装修协会20万质保金为您又多一重保修协会20万质保金又多一重保护★50对位设计师多对一服务★水电终身质保,让您安心入住!</div>
<div style="float:left; width:200px; height:30px; text-align:left; line-height:30px; margin-top:40px;">优势:西门子插座免费送</div>
<div style="float:left; width:300px; height:30px; margin-top:80px; margin-left:-218px;">一月热销指数:53 总预约量:8890</div>
<div class="tip" style=" float:left; margin-top:83px; cursor:pointer;"><a ><img src="cs.jpg" width="15px" height="15px" /></a></div>
<div style=" float:right; width:122px; height:30px; margin-top:80px; background-image:url(cs.jpg); line-height:30px; color:#FFFFFF; margin-right:60px;">欢迎</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".tip").hover(function(){
$(".panel").show("slow");},
function(){
$(".panel").hide("slow");
}
);
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".title1").hover(function(){
$(".panel1").show("slow");
});
});
</script>
<div class="panel">
<div class="focus layout mt10" style="margin-left:140px; margin-top:10px;" >
<div class="focus_wrap">
<ul class="cf" id="slide">
<li class="" style="overflow: hidden; width: 80px;">
<a href="javascript:;" target="_blank"><img src="http://img1.gtimg.com/sh/pics/hv1/3/128/1741/113241168.jpg" width="700" height="180"></a>
<span class="hshadow" style="height: 330px;"></span></li> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询