开发者社区> 问答> 正文

JS这种提示框 怎样做?

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

展开
收起
a123456678 2016-07-18 10:49:55 2182 0
3 条回答
写回答
取消 提交回答
  • 鼠标 hover 上去触发浮层显示,在整个页面绑定一个点击事件,判断 currentTarget 不是浮层就把浮层隐藏掉。

    2019-07-17 19:57:37
    赞同 展开评论 打赏
  • jQuery -> attr("hidden","hidden");隐藏 removeattr("hidden")

    2019-07-17 19:57:37
    赞同 展开评论 打赏
  • <!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>
    2019-07-17 19:57:37
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载