JavaScript 是一種廣泛應用于網頁設計的腳本語言，使用它可以實現網頁動態效果。而控制鼠標的功能，則是其中一個十分重要和實用的功能。在這篇文章中，我們將詳細介紹 JavaScript 控制鼠標的具體方式和應用場景。

首先，我們需要了解如何獲取鼠標的坐標。以下代碼可以獲取鼠標指針在頁面中的坐標：

document.addEventListener('mousemove', function(e){
var x = e.clientX;
var y = e.clientY;
console.log("X坐標: " + x + " Y坐標: " + y);
});

這段代碼使用了addEventListener()方法來添加鼠標移動事件，當鼠標指針移動時，該方法會執行相應的匿名函數，并獲取鼠標指針的X和Y坐標，最后將其輸出到控制臺中。

接著，我們可以通過修改CSS樣式，改變鼠標指針的樣式。以下代碼可以將鼠標指針樣式設置為“手型”：

document.body.style.cursor = "pointer";

這段代碼獲取了body元素，并通過修改其樣式將鼠標指針的樣式設置為“pointer”，也就是“手型”。

除了改變鼠標指針的樣式之外，我們還可以通過計算鼠標指針的位置來實現一些有趣的效果。例如，以下代碼可以實現跟隨鼠標指針移動的小球：

var ball = document.getElementById("ball");
document.addEventListener('mousemove', function(e){
var x = e.clientX;
var y = e.clientY;
ball.style.left = x + "px";
ball.style.top = y + "px";
});

這段代碼首先獲取了ID為“ball”的元素，并添加了鼠標移動事件，當鼠標指針移動時，該方法會執行相應的匿名函數，并獲取鼠標指針的X和Y坐標，然后將小球的位置設置為鼠標指針的位置。

另外，我們還可以通過監聽鼠標滾輪事件，實現頁面滾動效果。以下代碼可以實現向下滾動一定像素值的效果：

document.addEventListener('mousewheel', function(e){
var step = 50; //每次滾動的像素值
if(e.deltaY >0){
window.scrollBy(0, step);
}else{
window.scrollBy(0, -step);
}
});

這段代碼添加了鼠標滾輪事件，當鼠標向下滾輪時，頁面向下滾動一定像素值；當鼠標向上滾輪時，頁面向上滾動一定像素值。

總之，JavaScript 控制鼠標有許多應用場景，如鼠標跟隨效果、頁面滾動效果、圖片放大等等。只要我們靈活運用 JavaScript，在網頁設計中實現更為豐富、生動、有趣的效果是完全可以做到的。