iT邦幫忙

0

onMouseOver更換圖示問題

  • 分享至 

  • xImage

請教各位高手,我想用onMouseOver更換網站圖示,但更換的圖示尺寸大小不一,當onMouseOver事件被觸發時整個網頁會跟著圖示移動,而我又想做出'更換圖示大小不一'的變換效果,應該要怎麼做網頁才不會跟著移動呢?

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

6
wiseguy
iT邦超人 1 級 ‧ 2015-02-07 20:09:22
最佳解答

方法一,先用一個固定大小的 div 來佔住網頁的位置,而圖片就秀在此 div 裡面,那網頁就不會因為圖的大小而挪動了。
方法二,圖片的 position 設為 absolute (絕對位置),z-index 設大一點,等於圖片浮在網頁上,如此圖的大小變換,就不會影響網頁了。

joemade iT邦新手 5 級 ‧ 2015-02-15 09:53:48 檢舉

謝謝你,但方法一,會讓圖檔變形,效果不好...搖頭

slime iT邦大師 1 級 ‧ 2015-02-15 10:29:17 檢舉
joemade iT邦新手 5 級 ‧ 2015-02-16 10:26:10 檢舉

我將方法一做些應用,先用較大的圖檔以<IMG>佔住網頁位置,這樣下一個圖檔大小就不會影響網頁.

2
slime
iT邦大師 1 級 ‧ 2015-02-07 13:02:03

如果對 CSS 稍微了解, 可以設定一個 div 狀態為 hidden .

當點圖或 OnMouseOver 時, 才把那個 div 改為可顯示, 並顯示出大圖.

我要發表回答

立即登入回答