jquery实现鼠标滑过小图时显示大图的方法_jquery

代码如下:

$("div").first().append(smallPath);

//小图上添加事件
smallPath.mouseover(function(){
//最后一个div淡入效果
$("div").last().fadeIn("fast");
//获取大图地址
$("#show").attr("src",$(this).attr("bigMapPath"));
//获取大图名称并设置样式
$("#imgTitle").text($(this).attr("bigMapName")).css({"background":"#ebf1de","padding":"10px","margin-bottom":"10px"});
});
smallPath.mouseout(function(){
$("div").last().fadeOut("fast");
});
});
});

希望本文所述对大家的jQuery程序设计有所帮助。