MOUSEOVER MOUSEENTER
来源:互联网 发布:专业装修设计软件 编辑:程序博客网 时间:2024/05/22 14:18
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
x=0;
y=0;
$(document).ready(function(){
$("div.over").mouseover(function(){
$(".over span").text(x+=1);
});
$("div.enter").mouseenter(function(){
$(".enter span").text(y+=1);
});
});
</script>
</head>
<body>
<p>不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。</p>
<p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p>
<div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left">
<h2 style="background-color:white;">被触发的 Mouseover 事件:<span></span></h2>
</div>
<div class="enter" style="background-color:lightgray;padding:20px;width:40%;float:right">
<h2 style="background-color:white;">被触发的 Mouseenter 事件:<span></span></h2>
</div>
</body>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
x=0;
y=0;
$(document).ready(function(){
$("div.over").mouseover(function(){
$(".over span").text(x+=1);
});
$("div.enter").mouseenter(function(){
$(".enter span").text(y+=1);
});
});
</script>
</head>
<body>
<p>不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。</p>
<p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p>
<div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left">
<h2 style="background-color:white;">被触发的 Mouseover 事件:<span></span></h2>
</div>
<div class="enter" style="background-color:lightgray;padding:20px;width:40%;float:right">
<h2 style="background-color:white;">被触发的 Mouseenter 事件:<span></span></h2>
</div>
</body>
</html>
var obj = {a:1,b:function(){console.log(this.a)}};var a = 2;var objb = obj.b;obj.b();objb();obj.b.call(window);//1//2//2function A(){}function B(a){this.a = a;}function C(a){if(a){this.a = a;}}A.prototype.a = 1;B.prototype.a = 1;C.prototype.a = 1;console.log(new A());console.log(new B());console.log(new C(2));//A{a = 1}//B{a=undefined}//C{a = 2}var a = 1;function b (){var a = 2;function c() {console.log(a);}return c;}b()();//2
0 0
- MOUSEOVER MOUSEENTER
- JQuery mouseover、mouseenter区别
- mouseover,mouseout,mouseenter,mouseleave,hover
- mouseover事件与mouseenter事件
- mouseover,mouseout,mouseenter,mouseleave区别
- mouseenter 与 mouseover 的不同
- Mouseenter/ mouseleave和mouseover/mouseout
- mouseover ,mouseout ,mouseenter,mouseleave区别
- mouseover和mouseenter的区别
- mouseenter与mouseover的区别
- mouseover mouseout mouseenter mouseleave解释
- JQuery--Mouseover和Mouseenter 的区别
- mouseover事件与mouseenter事件的区别
- jQuery种mouseover与mouseenter区别
- jQuery---mouseover、mouseout、mouseenter、mouseleave区别
- mouseenter、mouseover和mousemove的区别
- mouseover事件与mouseenter事件的区别
- mouseover,mouseout,mouseenter,mouseleave的区别
- gcc -l参数和-L参数
- sql server查询数据库中所有包含某文本的存储过程、视图和函数的SQL
- 服装店如何做好终端销售数据分析?
- Qt 常用类 (4)—— QPoint
- 三个数排序
- MOUSEOVER MOUSEENTER
- MFC下屏蔽回车键、ESC键按下退出
- ajax 代码片段
- 怎么在eclipse中修改自己的git账号信息?解决办法
- HDU 2577
- C#修饰符详解
- 2015年上半年阅读书单
- Qt 常用类(5)—— QSize
- leetcode 题解代码整理 1-5题