jQuery 是一種流行的 JavaScript 庫，它簡化了 HTML 和 JavaScript 之間的交互。它的一個很好的用例是鼠標圖片左右滾動。

$(document).ready(function() {
// 圖片的寬度和間距
var item_width = $('#image_scroll ul li').outerWidth() + 10;
// 移動步長和起始位置
var left_indent = parseInt($('#image_scroll ul').css('left')) - item_width;
// 當前顯示圖片的值
var current = 1;
// 當用戶單擊向右箭頭時
$('#right_scroll').click(function() {
// 移動位置
$('#image_scroll ul').animate({'left': left_indent}, 200, function() {
// 移動完畢后
current++;
// 如果是最后一張圖片，返回第一張
if(current == $('#image_scroll ul li').length+1) {
current = 1;
$('#image_scroll ul').css('left', '-210px');
}
});
// 計算下一步位置
left_indent -= item_width;
});
// 當用戶單擊向左箭頭時
$('#left_scroll').click(function() {
// 移動位置
$('#image_scroll ul').animate({'left': left_indent}, 200, function() {
// 移動完畢后
current--;
// 如果是第一張圖片，返回最后一張
if(current == 0) {
current = $('#image_scroll ul li').length;
$('#image_scroll ul').css('left', -item_width * $('#image_scroll ul li').length);
}
});
// 計算下一步位置
left_indent += item_width;
});
});

如上所述，這段代碼使用了 jQuery 的 animate() 方法來移動圖片。它還創建了一些變量，比如圖片寬度、間距和當前位置。當用戶單擊向右或向左箭頭時，它使用這些變量計算下一步應該移動到的位置，并通過 animate() 函數移動圖片。