close
CSS 超簡單變圖語法
| 名稱： | CSS 超簡單變圖語法 |
| 語法： | CSS / Javascript |
| 適用： |   |
| 說明： | 變換影像是 JavaScript 中恆久遠永留傳的效果。而，現在提供的程式可以讓製作變換影像儘可能簡單，允許您套用變換影像到文件中任何影像，而只要簡單加上一個 class 屬性即可達成，超乎想像的簡單！ |
| 備註： | 本文取材自「解決製作標準網頁一定會遇到的 186 個問題」松崗出版 |
實作範例：動動你的滑鼠吧
<img src="原始影像來源及檔名" class="domroll 變換影像來源及檔名" />
完成了，就這麼簡單，圖要怎麼變，看你滑鼠怎麼跑。
這段程式可以在所有支援 DOM 模式的瀏覽器中執行 NS6+, Opera 6+, Mozilla 等，所有瀏覽器都可以看到效果，而且，不像傳統模式，一定要在影像上加上超連結，才能設計出變換影像。
<img src="Blue.jpg" class="domroll Blue.click.jpg" width="150" height="90">
引用:卜維丰 1/30 07' http://audi.tw/Blog/webDesign/CSS.RollOverImage.asp
全站熱搜
留言列表
