开发工具
开发手册
千图首页
登录
注册
开发手册
HTML
CSS
JavaScript
编辑您的代码：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> x=0; y=0; $(document).ready(function(){ $("div.out").mouseout(function(){ $(".out span").text(x+=1); }); $("div.leave").mouseleave(function(){ $(".leave span").text(y+=1); }); }); </script> </head> <body> <p>不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。</p> <p>只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。</p> <div class="out" style="background-color:lightgray;padding:20px;width:40%;float:left"> <h2 style="background-color:white;">被触发的 Mouseout 事件：<span></span></h2> </div> <div class="leave" style="background-color:lightgray;padding:20px;width:40%;float:right"> <h2 style="background-color:white;">被触发的 Mouseleave 事件：<span></span></h2> </div> </body> </html>
查看结果:
关于千图
|
赞助千图
|
千图首页
Copyright2014千图网 沪ICP备10011451号-6 用时：0.0151秒
千图网提示
登录以后可以免费试用
登录
或
注册