您的位置：首页 > Web前端 > JQuery

jquery实现鼠标点击区域外消失

2014-01-23 20:41 267 查看

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>box - mming</title>
6 <meta name="keywords" content="" />
7 <meta name="description" content="" />
8
9 <style type="text/css">
10 .box {width:100px; height:100px; background:#f00;}
11 </style>
12
13 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
14 <script type="text/javascript">
15 $(function() {
16     $(document).click(function() {
17         $('.box').hide();
18     })
19     $('.box').click(function(event) {
20         event.stopPropagation();
21     })
22 });
23 </script>
24 </head>
25
26 <body>
27
28 <div class="box">box</div>
29
30 </body>
31 </html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航