Javascript中的翻转器
生活随笔
收集整理的這篇文章主要介紹了
Javascript中的翻转器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
當用戶將鼠標移動到圖像上時，改變網頁上的圖像，從而讓頁面對用戶的操作作出反應。這種稱為翻轉器，實現起來還是挺容易的，應用于許多場合。
????? 思想很簡單。有兩個圖像。第一個是原始圖像，他與網頁的其他部分一起裝載和顯示。當用戶將鼠標移動到第一個圖像上時，瀏覽器快速的將第一個圖像替換為第二個圖像。這就產生了動畫或動畫效果。
???? 在圖像標簽中包含了alt屬性，是因為如果希望HTML符合HTML標準，就必須有alt屬性（這個屬性為非圖形化瀏覽器提供圖像的名稱或描述）。
第一種創建方法：
引用例子：
缺點：后一張圖片是從服務器下載而來，所以對于網速不是很好地朋友可以可能有些延遲。
第二種：
????? 思想很簡單。有兩個圖像。第一個是原始圖像，他與網頁的其他部分一起裝載和顯示。當用戶將鼠標移動到第一個圖像上時，瀏覽器快速的將第一個圖像替換為第二個圖像。這就產生了動畫或動畫效果。
???? 在圖像標簽中包含了alt屬性，是因為如果希望HTML符合HTML標準，就必須有alt屬性（這個屬性為非圖形化瀏覽器提供圖像的名稱或描述）。
第一種創建方法：
引用例子：
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </body> |
第二種：
轉載于:https://www.cnblogs.com/lichang1987/archive/2008/03/24/1120213.html
總結
以上是生活随笔為你收集整理的Javascript中的翻转器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： (转微软网站）如何安装 Microsof
- 下一篇： TGE学习笔记07 - 脚本控制动画