作者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/cn.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