DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery鼠標停止移動事件
jquery鼠標停止移動事件
編輯:JavaScript綜合知識     

 這篇文章主要介紹了jquery鼠標停止移動事件,有需要的朋友可以參考一下

 代碼如下: <script src="jquery.js"></script> <script> (function($){  $.fn.moveStopEvent = function(callback){   return this.each(function() {    var x = 0,     y = 0,     x1 = 0,     y1 = 0,     isRun = false,     si,     self = this;      var sif = function(){     si = setInterval(function(){          if(x == x1 && y ==y1){           clearInterval(si);           isRun = false;           callback && callback.call(self);          }          x = x1;          y = y1;         }, 500);    }      $(this).mousemove(function(e){     x1 = e.pageX;     y1 = e.pageY;     !isRun && sif(), isRun = true;    }).mouseout(function(){     clearInterval(si);     isRun = false;    });  });  } })(jQuery);   $(function(){  $("#div1,#div2").moveStopEvent(function(){    alert($(this).attr("id"));   }  ); }); </script> <div id="div1" style="width:200px;height:100px;background-color:#ccc;">div1</div> <br/> <div id="div2" style="width:200px;height:100px;background-color:#ccc;">div2</div>  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved