[問題] jquery 滑鼠懸浮換圖

作者: kasechan (kasechan)   2015-04-22 02:20:01
本人是沒有任何網頁設計底子的小白
希望神人們,給個方向指引。
想做出範例的裡,滑鼠移到圖上會換成另一個圖
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 滑過放大圖片,看這程式怎麼抓圖的,因該是找錯方向...
作者: crossdunk (推噓自如)   2015-04-22 09:35:00
為什麼我看不懂你想要問什麼QQ另外縮網址請用GOOGLE的 ppt的有點...一個一個輸入的確不好,方向就是你說的用變數去存或是一開始兩張圖都抓完,然後用hide跟show
作者: zoko741235 (台北金城武)   2015-04-22 16:09:00
http://codepen.io/anon/pen/pJoEdx是說你給的連結打不開
作者: hit1205 (幫你把勇氣裝滿)   2015-04-22 19:17:00
你貼的範例本身是用 CSS 的 :hover 做的不過他的作法是把另一張變透明, :hover 時變回不透明
作者: guest62 (guest62)   2015-04-29 23:41:00
設定一個div,用CSS background /hover去做就可以了

Links booklink

Contact Us: admin [ a t ] ucptt.com