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

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

当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值