本文**：http://www.cnblogs.com/wiky/articles/gradual-change-button.html
上面的**不錯。
我主要對這個例子進行解析。
我碰到的問題是：為什麼當我將滑鼠移到元素會自動漸變顏色：
原理：前端檔案
也就是說元素a的內容都會放在元素a的背景上，所以上面的span元素（也有背景，這時）span元素的背景將會置於元素a的背景上。這時兩個背景重疊（元素a和元素span的）元素a的被覆蓋。而當將span元素的opacity甚至為0時，表示span元素將會看不到，只看到元素a的背景。當span元素的opacity中的值變為1時，元素a的背景被覆蓋了。從而達到漸變的效果。這種效果其實是兩張的變化，而不是一張的背景顏色的變化。
jQuery打造動態漸變按鈕
這篇隨筆的 於 教程 jquery打造動態漸變按鈕 這篇博文，在下懷著學習的態度，動手去做去理解，並記錄下來，和大家分享！1.看看自己的效果顯示 漸變效果 前端檔案 顏色漸變 前端檔案 jquery打造動態漸變按鈕 title style type text css button 不需要在設定 ho...
JavaScript 動態插入 CSS
寫元件時有時想把一些元件特性相關的 css 樣式封裝在 js 裡，這樣更內聚，改起來方便。js 動態插入 css 兩個步驟就可以 建立乙個 style 物件 使用 stylesheet 的 insertrule 或 addrule 方法新增樣式 先看下 document.stylesheets，隨意...
CSS動態偽類
偽類 說明 link visited 偽類說明 focus 指代當前獲得輸入焦點的元素，即可以接收鍵盤輸入或以某種方式啟用 hover 指代滑鼠指標放置其上的元素，例如滑鼠指標懸停在超連結上 active 指代由使用者輸入啟用的元素，例如使用者單機超連結時按下滑鼠按鍵的那段時間 a link a v...