4
回答
JS这种提示框 怎样做?
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

类似于这种 鼠标移动上去出现提示框,鼠标点击这个图层之外的这个提示框才消失。怎么做? 


举报
本周网
发帖于3年前 4回/268阅
共有4个答案 最后回答: 1年前

给那个小图标一个mouseenter事件,当鼠标进入时显示提示框;然后再给body元素绑定一个click事件,当鼠标点击时,让提示框消失;如果你的要求中点击提示框不消失的话,那么在给body绑定click时可以这样:

// 排除#tips元素
$("body:not(#tips)").on("click", function(){
    $("#tips").hide();
})



--- 共有 1 条评论 ---
本周网求Q 3年前 回复
简单,鼠标移动上去你就用
 onmouseover="a()"事件,a方法里面写移动上去就给$("需要显示DIV的id名").show();
<!DOCTYPE html> 
<html>
<head lang="en"> 
<meta charset="UTF-8">
<title></title>
<script src="jquery.min.js"></script> 
<script type="text/javascript"> 
function a() { $("#b").show();
alert("浏览器的宽度是"+w+"高度是"+h);

    } 
function b() { $("#b").hide();
    } 
</script>
</head> <body>
<img src="1.png" onmouseover="a()" onmouseout="b()"> <img id="b" src="1.png" style="display: none"> 
</body>
</html>
顶部