JQuery 是一種功能強(qiáng)大的 JavaScript 庫(kù)，可以使用少量的代碼完成許多復(fù)雜的任務(wù)，包括鼠標(biāo)上下拖動(dòng)效果。

要實(shí)現(xiàn)鼠標(biāo)上下拖動(dòng)，我們需要使用 JQuery 的 mousemove 事件，然后使用鼠標(biāo)位置和鼠標(biāo)移動(dòng)量計(jì)算出新的元素位置。

// 監(jiān)聽(tīng)鼠標(biāo)移動(dòng)事件
$(document).mousemove(function(event) {
// 獲取當(dāng)前元素
var element = $('#my-element');
// 計(jì)算元素新的垂直位置
var newPosition = event.pageY - element.height() / 2;
// 設(shè)置元素的新位置
element.css('top', newPosition);
});

以上代碼監(jiān)聽(tīng)了整個(gè)文檔的鼠標(biāo)移動(dòng)事件，每次移動(dòng)時(shí)都會(huì)重新計(jì)算元素的垂直位置并設(shè)置其新的位置。這里使用了 JQuery 的 css() 方法設(shè)置元素的 top 屬性來(lái)實(shí)現(xiàn)移動(dòng)效果。

可以根據(jù)需要修改代碼，實(shí)現(xiàn)各種鼠標(biāo)上下拖動(dòng)效果。