在網頁製作中,怎麼把圖片應用為動態HTML效果?當滑鼠懸停時圖片1換成圖片2,要怎麼設定?
匿名使用者 發表于 娛樂2021-11-23
Dreamweaver中可以自動設定的
工具欄中 “插入”-“圖片物件”-“滑鼠經過圖片”
如果是用CSS實現的話,可以在需要設定動態效果的標籤中使用偽類:hover
具體怎麼用,就看你對CSS的掌握程度了。
PS:該方法不適用於IE6,其他的可以。
再有就是用JavaScript來實現了。
對於初學者的話,直接用Dreamweaver來實現比較容易。
後面兩種方法涉及到的東西比較多。
首先 要明確 你用的 是背景圖 而不是 img插入的(插入的用js 不過你的問題我覺得應該是背景)
對於背景的話不用js
background:url(。。/images/imgchange。gif) no-repeat scroll 0 0 transparent; width:117px; height:57px; display:block}
changeA:hover{ background-position:-117px}
這應該能懂吧? 還有就是 i6下 可能不相容~~~