鼠标的移入移出事件:hover、mouseenter、mouseleave、mouseover、mouseout
hover:鼠标进入元素的子元素时不会触发‘鼠标移开’的事件;
$("#"+id).find("tr").hover(function(){ $(this).css({"backgruond-color","pink"});//当鼠标移进 触发事件 },function(){ $(this).css({"backgruond-color",""});//当鼠标移出的时候触发事件 })
mouseenter、mouseleave:效果与hover相同;
例子:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").mouseenter(function(){ $("p").css("background-color","yellow");\\鼠标移入改变背景颜色 }); $("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4");\\鼠标移出改变背景颜色 }); }); </script> </head> <body> <p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p> </body> </html>
mouseover: 鼠标进入元素和进入它的子元素时都会触发‘mouseover’的事件
与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
mouseout: 鼠标离开元素和离开它的子元素时都会触发‘mouseout’的事件
例子:
$(document).ready(function(){ $("p").mouseover(function(){ $("p").css("background-color","yellow"); }); $("p").mouseout(function(){ $("p").css("background-color","#E9E9E4"); });
相关推荐
易语言鼠标移入移出事件模块源码.zip易语言项目例子源码下载易语言鼠标移入移出事件模块源码.zip易语言项目例子源码下载 1.合个人学习技术做项目参考 2.适合学生做毕业设计参考 3.适合小团队开发项目参考
易语言源码易语言捕获鼠标判断鼠标移入移出事件源码.rar 易语言源码易语言捕获鼠标判断鼠标移入移出事件源码.rar 易语言源码易语言捕获鼠标判断鼠标移入移出事件源码.rar 易语言源码易语言捕获鼠标判断鼠标移入...
易语言鼠标移入移出事件模块源码,鼠标移入移出事件模块,删除鼠标移入移出事件,删除所有鼠标移入移出事件,添加鼠标移入移出事件,消息钩子回调,鼠标移入移出事件,执行子程序_,取鼠标所在窗口句柄_,CallWindowProc,...
删除鼠标移入移出事件,删除所有鼠标移入移出事件,添加鼠标移入移出事件,消息钩子回调,鼠标移入移出事件,执行子程序_,取鼠标所在窗口句柄_,CallWindowProc,SetWindowLong,GetCursorPos,ReleaseCapture,SetCapture,...
易语言鼠标移入移出窗口消息源码,鼠标移入移出窗口消息,子程序_窗口函数,取得窗口信息_,呼叫窗口函数地址_,TrackMouseEvent,SetWindowLong
易语言鼠标移入移出事件易语言鼠标移入移出事件易语言鼠标移入移出事件
易语言捕获鼠标判断鼠标移入移出事件源码,捕获鼠标判断鼠标移入移出事件,取窗口矩形_,释放鼠标_,俘获鼠标_
易语言源码易语言鼠标移入移出事件模块源码.rar 易语言源码易语言鼠标移入移出事件模块源码.rar 易语言源码易语言鼠标移入移出事件模块源码.rar 易语言源码易语言鼠标移入移出事件模块源码.rar 易语言源码易语言...
易语言鼠标移入移出事件模块源码例程程序调用API函数实现鼠标移入移出事件的响应。点评:压缩包中有模块、模块源码、模块调用例程,解决了易语言没有鼠标移入移出事件的功能。 三叶易语言自学网
易语言捕获鼠标判断鼠标移入移出事件源码.7z
鼠标移入移出方向判断,通过鼠标移入的方向做出效果,
image没有鼠标移出的属性、 所以利用mousemove属性实现 鼠标移入移出换图
易语言根据句柄判断鼠标移入控件事件源码,根据句柄判断鼠标移入控件事件
本文实例为大家分享了vue实现鼠标移入移出事件的具体代码,供大家参考,具体内容如下 (item,index)> <span title=item.name>{{item.name}} (index) mouseleave=leave()></
js 实现 鼠标移入移出时颜色变化! 值得下载看看!资源免费,大家分享!!
本文实例讲述了jQuery实现鼠标移入移出事件切换功能。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> [removed][removed] <style> #...
js 实现 checkbox鼠标移入移出的特效值得下载看看!资源免费,大家分享!!