[問題] jquery 滑鼠懸浮換圖

看板Web_Design作者 (加瀨)時間10年前 (2015/04/22 02:20), 10年前編輯推噓4(405)
留言9則, 4人參與, 最新討論串1/1
本人是沒有任何網頁設計底子的小白 希望神人們,給個方向指引。 想做出範例的裡,滑鼠移到圖上會換成另一個圖 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

04/22 09:35, , 1F
為什麼我看不懂你想要問什麼QQ
04/22 09:35, 1F

04/22 09:35, , 2F
另外縮網址請用GOOGLE的 ppt的有點...
04/22 09:35, 2F

04/22 09:37, , 3F
一個一個輸入的確不好,方向就是你說的用變數去存
04/22 09:37, 3F

04/22 09:38, , 4F
或是一開始兩張圖都抓完,然後用hide跟show
04/22 09:38, 4F

04/22 16:09, , 5F

04/22 16:09, , 6F
是說你給的連結打不開
04/22 16:09, 6F

04/22 19:17, , 7F
你貼的範例本身是用 CSS 的 :hover 做的
04/22 19:17, 7F

04/22 19:17, , 8F
不過他的作法是把另一張變透明, :hover 時變回不透明
04/22 19:17, 8F

04/29 23:41, , 9F
設定一個div,用CSS background /hover去做就可以了
04/29 23:41, 9F
文章代碼(AID): #1LDfJJDt (Web_Design)