3.5 在腳本中修改顯示樣式

在很多情況下，需要使用腳本來動態控制頁面的顯示效果，實現起來也很簡單，只需要在腳本中獲取到該元素，然后修改它的CSS樣式就可以了。

3.5.1 隨機改變頁面的背景色

隨機改變頁面的背景顏色很簡單，這里我們使用“rgb（a,b,c）”屬性來實現，只需要隨機生成a、b、c的值就可以了，a、b、c取值在0～256，具體請看下面的實例。

【例3-8】（實例文件：ch03\Chap3.8.html）隨機改變背景色。

相關的代碼實例請參考Chap3.8.html文件，在Chrome瀏覽器中運行的結果如圖3-10所示。每當刷新頁面時，頁面背景顏色會隨機改變，如圖3-11所示。

3.5.2 動態增加立體效果

在CSS中，通過簡單的色差來實現簡單的立體效果。如下面的案例，分別設置div四邊邊框的顏色，產生了一個色差，呈現出立體的效果。同時還添加了一個按鈕，來動態控制立體效果。當單擊按鈕時，div呈現立體效果。

【例3-9】（實例文件：ch03\Chap3.9.html）動態增加立體效果。

相關的代碼實例請參考Chap3.9.html文件，在IE瀏覽器中運行的結果如圖3-12所示。當單擊“動態增加立體效果”時，頁面顯示效果如圖3-13所示。