為什麼這篇css換圖鄉民發文收入到精華區：因為在css換圖這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者kasechan (加瀨)看板Web_Design標題[請益] jquery 滑鼠懸浮換圖時間W...
css換圖 在 Applehan Instagram 的最讚貼文
2021-08-18 15:46:29
#抽獎活動#抽獎#文末抽獎 📍愛波涵愛美推薦 -STEAMCREAM蒸汽乳霜 迪士尼新品公主系列 來自日本、風靡全球最簡單純淨的天然保養聖品STEAMCREAM蒸汽乳霜！採用純天然保濕成分，從頭到腳都可以使用，是一罐全身都能使用的保養品，這次超開心收到可愛又美麗的迪士尼公主系列包裝，光看到外包裝...
本人是沒有任何網頁設計底子的小白
希望神人們，給個方向指引。
想做出範例的裡，滑鼠移到圖上會換成另一個圖
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: 是說你給的連結打不開 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