`

鼠标移入移出事件

    博客分类:
  • HTML
 
阅读更多

鼠标的移入移出事件: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易语言项目例子源码下载易语言鼠标移入移出事件模块源码.zip易语言项目例子源码下载 1.合个人学习技术做项目参考 2.适合学生做毕业设计参考 3.适合小团队开发项目参考

    易语言源码易语言捕获鼠标判断鼠标移入移出事件源码.rar

    易语言源码易语言捕获鼠标判断鼠标移入移出事件源码.rar 易语言源码易语言捕获鼠标判断鼠标移入移出事件源码.rar 易语言源码易语言捕获鼠标判断鼠标移入移出事件源码.rar 易语言源码易语言捕获鼠标判断鼠标移入...

    易语言鼠标移入移出窗口消息

    在处理鼠标移入移出事件时,可能需要获取窗口的信息以便正确地发送和接收消息。 `呼叫窗口函数地址_` 是易语言中调用动态链接库(DLL)函数的方法。在处理鼠标事件时,可能需要调用Windows API中的某些函数,如`...

    易语言捕获鼠标判断鼠标移入移出事件

    通过以上介绍,你应该对易语言中如何捕获和处理鼠标移入移出事件有了清晰的理解。在实际开发中,你可以根据具体需求调整和扩展这个示例,例如添加更多的鼠标事件处理,或者结合其他窗口功能实现更复杂的交互逻辑。...

    易语言鼠标移入移出事件_例子源码,易语言鼠标移入移出事件模块源

    易语言鼠标移入移出事件模块源码,鼠标移入移出事件模块,删除鼠标移入移出事件,删除所有鼠标移入移出事件,添加鼠标移入移出事件,消息钩子回调,鼠标移入移出事件,执行子程序_,取鼠标所在窗口句柄_,CallWindowProc,...

    鼠标移入移出事件模块

    删除鼠标移入移出事件,删除所有鼠标移入移出事件,添加鼠标移入移出事件,消息钩子回调,鼠标移入移出事件,执行子程序_,取鼠标所在窗口句柄_,CallWindowProc,SetWindowLong,GetCursorPos,ReleaseCapture,SetCapture,...

    易语言源码鼠标移入移出事件模块源码.rar

    《易语言源码鼠标移入移出事件模块详解》 易语言,作为一款为中国用户设计的编程语言,以其直观易懂的语法结构深受广大编程初学者喜爱。在易语言中,鼠标移入移出事件是界面交互设计中的重要组成部分,它们能够使...

    易语言鼠标移入移出事件

    在易语言中,"鼠标移入移出事件"是编程中常见的交互功能,主要用于处理用户通过鼠标与界面元素的交互行为。本文将深入探讨易语言中的鼠标移入和移出事件,以及如何利用这些事件来增强程序的用户体验。 首先,我们...

    易语言源码易语言鼠标移入移出事件模块源码.rar

    易语言源码易语言鼠标移入移出事件模块源码.rar 易语言源码易语言鼠标移入移出事件模块源码.rar 易语言源码易语言鼠标移入移出事件模块源码.rar 易语言源码易语言鼠标移入移出事件模块源码.rar 易语言源码易语言...

    易语言捕获鼠标判断鼠标移入移出事件源码.7z

    本文将深入探讨易语言中的鼠标事件,特别是“捕获鼠标”和“判断鼠标移入移出事件”。 首先,我们需要理解“捕获鼠标”这一概念。在图形用户界面中,捕获鼠标意味着程序可以获取到鼠标的全部活动,即使鼠标离开该...

    易语言源码易语言鼠标移入移出窗口消息源码.rar

    易语言源码易语言鼠标移入移出窗口消息源码.rar 易语言源码易语言鼠标移入移出窗口消息源码.rar 易语言源码易语言鼠标移入移出窗口消息源码.rar 易语言源码易语言鼠标移入移出窗口消息源码.rar 易语言源码易语言...

    易语言-鼠标移入移出事件_例子

    在"易语言鼠标移入移出事件模块源码"这个压缩包中,包含了模块、模块源码以及模块调用例程,旨在解决这一问题。 首先,我们来看“鼠标移入”事件。在Windows API中,可以使用`WM_MOUSEMOVE`消息来监听鼠标的移动。...

    鼠标移入移出方向判断

    鼠标移入移出方向判断,通过鼠标移入的方向做出效果,

    vue实现鼠标移入移出事件代码实例

    在Vue.js中,实现鼠标移...总结,Vue.js通过事件监听、数据绑定、条件渲染等特性,使得实现鼠标移入移出事件变得简洁高效。在实际项目中,这些技术可以广泛应用于各种交互设计,如提示信息显示、下拉菜单、工具提示等。

    VB image鼠标移入移出换图

    在这个"VB image鼠标移入移出换图"的主题中,我们将探讨如何利用VB的image控件以及鼠标事件来实现这一功能。 首先,VB中的Image控件是一个用于显示静态图像的组件,它支持多种图像格式,如BMP、JPEG、GIF等。Image...

    js 实现 鼠标移入移出时颜色变化

    js 实现 鼠标移入移出时颜色变化! 值得下载看看!资源免费,大家分享!!

Global site tag (gtag.js) - Google Analytics