求jquery代码:鼠标经过小图显示大图

Question

$(function(){
$(".smallPic img").hover(function(){
$(".smallPic li").css("border", "#a6a6a6 1px solid")
$(".display > .pic > img").attr("src", $(this).attr("src"));
$(this).parent().parent().css("border", "#c2242b 2px solid");
});
}),你代码太乱了,没法看,你参考下 我的吧 原理是一样的

Answer 1

鼠标经过的时候小图变大图，原理就是鼠标放上去之后这个事件导致图片的src路径发生变化，从小图变成大图；如果怕大图超出范围影响样式，可以将大图显示在一个弹出层中，或者设置绝对定位