:::動態按鈕1:::
範例
    
圖檔1(滑鼠未接觸時) 圖檔2(滑鼠接觸時)
測試按鈕01 測試按鈕02 測試按鈕03
動態按鈕
A.貼在 <head> 這裡 </head>

B.貼在<body> 指定位置 </body> 

可更改的部份:

B段可在編輯的頁面先將要貼的位置用滑鼠按下游標,再到 HTML 將全段語法貼上。如果貼錯位置,可再編輯頁面直接將圖片移到指定的位置。

在 HTML 更改的部份

1.  onMouseOver="MM_swapImage('Image1','','圖檔2',1)" → 這是第二張圖,是滑鼠接觸後變出來的圖片。

2. onMouseOut="MM_swapImgRestore()"><img src="圖檔1" → 是第一張圖檔,網頁開啟就在頁面上看到的按鈕圖檔。

3.如果要插入第二個按鈕,複製 B 段再貼上,不過要把「 Image1」(有二處) 改成「 Image2」,如果兩個按鈕「 Image」裡面的數目重覆就動不了。

連結、連結的目標框架、文字替代顯示 ( 滑鼠按到按鈕出現的那個文字框,alt="文字說明" ) ,都可在編輯頁面直接修改。

圖檔如變形,可在編輯頁面選按鈕圖檔,按滑鼠右鍵,選「圖片內容 」→「 外觀」 →「 大小→「指定大小」不要打勾,圖片就會恢復本身的長寬。

 --隨意玩網--語法練習--
△TOP