hover事件处理外加模式对话框与非模式对话框所引发了一些流氓弹屏

来源：互联网发布：稀疏矩阵 als 编辑：程序博客网时间：2024/05/22 12:20

一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。

模式对话框：

window.showModalDialog(sURL [, vArguments] [, sFeatures]) ;

参数说明：     sURL    必选参数，类型：字符串。用来指定对话框要显示的文档的URL。     vArguments    可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。     sFeatures    可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。

overFunction

鼠标移到元素上要触发的函数

outFunction

鼠标移出元素要触发的函数

示例

描述:

鼠标悬停的表格加上特定的类

jQuery 代码:

<html>  <head>   <script type="text/javascript" src="jquery.js"></script>   <style>    .hover {      color:red;      font-size:30px;     }   </style>   <script type="text/javascript">    $(document).ready(function() {     $("#test").hover(function(){ //这里的如果只定义一个方法，则在鼠标移进id所标识区域触发，而在鼠标移出时则不会触发任何事件。如果为多个方法则移进是触发第一个移出事触发第二个事件。       //alert("ndgoifd");window.showModalDialog("bind.html");//弹出新的窗口

       $(this).addClass("hover");     },     function() {       $(this).removeClass("hover");      });            });      </script> </head> <body>   <span id="test">    请把鼠标移动这里来   </span> </body></html>

0 0

hover事件处理外加模式对话框与非模式对话框 所引发了一些流氓弹屏

overFunction

outFunction

示例

描述:

jQuery 代码:

hover事件处理外加模式对话框与非模式对话框所引发了一些流氓弹屏