js鼠标移入移出图片变大

function showbigimg(id,ishide)
{
if(ishide=='false'){
var x=-190;
var y=-220;
var imgOffset = $("#"+id).offset();
var divid = "d"+Math.floor(Math.random()*50);
var tooltip = "<div id='"+divid+"' class='tooltip'><img width='240px' height='240px' src='"+ $("#"+id).attr("src") +"' alt='预览图'/><\/div>"; //创建 div 元素
$("body").append(tooltip); //把它追加到文档中
$("#"+divid).css({"top": (imgOffset.top+y) + "px","left": (imgOffset.left +x) + "px","display":"block"});//.show("fast");
}else
{
$(".tooltip").remove();
}
}

 

.tooltip{position:absolute; z-index:2; border:1px solid #ccc;background:#333;padding:2px;display:none;color:#fff;}

posted on 2014-01-03 09:48  fly2yu  阅读(2104)  评论(0)    收藏  举报