AJAX（Asynchronous JavaScript and XML）是一種通過在后臺與服務器進行數據交換的方式，能夠在不刷新整個頁面的情況下更新部分頁面內容的技術。在網頁開發中，使用AJAX技術可以實現很多有趣的效果和功能。其中之一就是通過改變style屬性來實現頁面的動態效果。在本文中，我們將通過舉例說明如何使用AJAX改變style屬性來達到頁面動態效果的目的。

假設我們有一個網頁上有一個按鈕，初始時按鈕的顏色是紅色。我們希望通過點擊按鈕，改變按鈕的顏色為綠色。使用AJAX技術可以輕松實現這個效果。首先，我們需要添加一個按鈕到網頁中：

<button id="myButton" style="background-color: red;">點擊我</button>

接下來，我們需要編寫一段JavaScript代碼，通過監聽按鈕的點擊事件來改變按鈕的style屬性：

document.getElementById("myButton").addEventListener("click", function() {
this.style.backgroundColor = "green";
});

當我們點擊按鈕后，按鈕的背景顏色將會變為綠色。通過上述的代碼，我們可以看到在點擊按鈕時，通過使用AJAX技術改變了按鈕的style屬性，從而實現了頁面的動態效果。

除了改變背景顏色，我們還可以使用AJAX技術來改變其他的style屬性，例如改變元素的寬度和高度：

document.getElementById("myButton").addEventListener("click", function() {
this.style.width = "200px";
this.style.height = "50px";
});

上述代碼中，當我們點擊按鈕后，按鈕的寬度將變為200像素，高度為50像素。通過改變元素的寬度和高度，我們可以實現更多的動畫效果和頁面布局調整。

除了直接改變style屬性，我們還可以使用AJAX技術來動態地切換元素的class，從而改變元素的樣式。例如，我們可以根據不同的條件來為按鈕添加或移除特定的class：

document.getElementById("myButton").addEventListener("click", function() {
if (this.classList.contains("active")) {
this.classList.remove("active");
} else {
this.classList.add("active");
}
});

上述代碼中，當按鈕被點擊時，如果按鈕已經包含了名為"active"的class，則移除這個class，否則添加這個class。通過給按鈕添加或移除特定的class，我們可以根據不同的狀態為按鈕的樣式添加或移除特定的樣式規則。

總結來說，通過使用AJAX技術改變style屬性，我們可以實現各種各樣的動態效果和頁面布局調整。無論是改變背景顏色、元素的寬度和高度，還是切換元素的class，AJAX技術都能夠幫助我們實現這些效果。希望本文所舉的例子能對你理解AJAX改變style的應用提供幫助。