DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jquery的鼠標拖動效果代碼
基於jquery的鼠標拖動效果代碼
編輯:JQuery特效代碼     
記得在之前的一個"拖動層"的隨筆中,我實現拖動,是用的一個布爾變量,判斷是否可以拖動某元素。
這兩天看了一些東西,發現不需要設這個布爾變量;

實現過程:
按下鼠標的時候,給文檔對象(當然也可以是別的DOM對象)的移動事件綁定一個處理函數,同時也給鼠標抬起時綁定一個解除的處理函數。
. 代碼如下:
//按下鼠標並移動時(拖動),調用的函數;
function startSelection(event){
……
}

//解除移動時的處理函數;
function cancelSelection() {
$(document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection);
  }
//鼠標在按下時調用的函數
function imgMouseDown(event){
$(document).mousemove(startSelection).mouseup(cancelSelection);
}
$img.bind("mousedown",imgMouseDown)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved