作者kasechan (加瀨)
看板Web_Design
標題[請益] jquery 滑鼠懸浮換圖
時間Wed Apr 22 02:20:01 2015
本人是沒有任何網頁設計底子的小白
希望神人們，給個方向指引。
想做出範例的裡，滑鼠移到圖上會換成另一個圖
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://webptt.com/m.aspx?n=bbs/Web_Design/M.1429640403.A.377.html
※ 編輯: kasechan (111.250.219.60), 04/22/2015 02:21:01
1F：推 crossdunk: 為什麼我看不懂你想要問什麼QQ 04/22 09:35
2F：→ crossdunk: 另外縮網址請用GOOGLE的 ppt的有點... 04/22 09:35
3F：推 crossdunk: 一個一個輸入的確不好，方向就是你說的用變數去存 04/22 09:37
4F：→ crossdunk: 或是一開始兩張圖都抓完，然後用hide跟show 04/22 09:38
6F：→ zoko741235: 是說你給的連結打不開 04/22 16:09
7F：推 hit1205: 你貼的範例本身是用 CSS 的 :hover 做的 04/22 19:17
8F：→ hit1205: 不過他的作法是把另一張變透明, :hover 時變回不透明 04/22 19:17
9F：→ guest62: 設定一個div,用CSS background /hover去做就可以了 04/29 23:41