[问题] 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