名稱: | 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'
同意轉載,不過麻煩看一下轉載需知
穎高 2009/12/21 下午 05:30:00
非常感謝! 這樣簡單多了!
小彬 2009/12/3 下午 04:07:00
不懂...那css語法是要怎打呢= =?
卜維丰 2008/11/14 上午 11:18:00
will, 感謝指教, 如果你有更好的語法, 希望提出來和大家分享
will 2008/11/12 下午 05:51:00
這叫做 "CSS 超簡單變圖語法"
你到底懂不懂阿