[爆卦]html滑鼠移過換圖是什麼?優點缺點精華區懶人包

為什麼這篇html滑鼠移過換圖鄉民發文收入到精華區:因為在html滑鼠移過換圖這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者kasechan (加瀨)看板Web_Design標題[請益] jquery 滑鼠懸浮換圖時間W...


本人是沒有任何網頁設計底子的小白
希望神人們,給個方向指引。


想做出範例的裡,滑鼠移到圖上會換成另一個圖
http://ppt.cc/HdxC
估狗找到css onMouseOut onMouseOver
但這語法直接用wordpress 發表文章後會消失

英文不好,用過 jquery plugin image wordpress hover onMouseOut onMouseOver
這些組合,尋找看能不能套用現成的
但找了很多天,還是一無所獲

爬過一些教學網站,例如飛X設計,梅X題,男X格爾
爬幾天還是有小心得,

$(document).ready(function(){
$(".mm").hover(
function() {
$(this).attr("src","m2.gif");
},
function() {
$(this).attr("src","m1.gif");
}
);
});
滑鼠移入後要出現的照片位置網址
"src","m2.gif"

滑鼠移出後要出現的照片位置網址
"src","m1.gif"

如果很多圖,一個一個輸入是很笨的做法嗎?
是要用css 寫div 讓他找?(css也不熟)
有看到教學
宣告變數 N 抓取 $(this).attr(“id”)
有想過用jquery 滑過放大圖片,看這程式怎麼抓圖的,因該是找錯方向...



--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.250.219.60
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1429640403.A.377.html
※ 編輯: kasechan (111.250.219.60), 04/22/2015 02:21:01
crossdunk: 為什麼我看不懂你想要問什麼QQ 04/22 09:35
crossdunk: 另外縮網址請用GOOGLE的 ppt的有點... 04/22 09:35
crossdunk: 一個一個輸入的確不好,方向就是你說的用變數去存 04/22 09:37
crossdunk: 或是一開始兩張圖都抓完,然後用hide跟show 04/22 09:38
zoko741235: http://codepen.io/anon/pen/pJoEdx 04/22 16:09
zoko741235: 是說你給的連結打不開 04/22 16:09
hit1205: 你貼的範例本身是用 CSS 的 :hover 做的 04/22 19:17
hit1205: 不過他的作法是把另一張變透明, :hover 時變回不透明 04/22 19:17
guest62: 設定一個div,用CSS background /hover去做就可以了 04/29 23:41

你可能也想看看

搜尋相關網站