[請益] jquery 滑鼠懸浮換圖

[kasechan (加瀨)]

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


想做出範例的裡，滑鼠移到圖上會換成另一個圖
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
→ crossdunk: 另外縮網址請用GOOGLE的 ppt的有點...
推 crossdunk: 一個一個輸入的確不好，方向就是你說的用變數去存
→ crossdunk: 或是一開始兩張圖都抓完，然後用hide跟show
推 zoko741235: http://codepen.io/anon/pen/pJoEdx
→ zoko741235: 是說你給的連結打不開
推 hit1205: 你貼的範例本身是用 CSS 的 :hover 做的
→ hit1205: 不過他的作法是把另一張變透明, :hover 時變回不透明
→ guest62: 設定一個div,用CSS background /hover去做就可以了