onmouseover onmouseout 图片切换 放大

<div>

<img id='img"+ids[i]+"' src=''  onmouseover=bigImg(this) onmouseout=noneImg(this) style='width: 80px; height: 80px;' class='small' >

<img id='img"+ids[i]+"big' src='' style='position:absolute;z-index:100;width: 100px; height: 100px;margin-top:-50px;margin-left:50px;display:none;'>

</div>

//js代码

function bigImg(x)
{
var id=x.id;
$("#"+id+"big").attr("src",$("#"+id).attr("src")).css("display","block").fadeIn("fast");
}
function noneImg(x)
{ var id=x.id;
$("#"+id+"big").css("display","none");
}