JavaScript之图片的放大和还原
一个简单的功能,鼠标放在图片上在该图片的上层显示放大后的图片,浮出的效果
$("ul.thumbli").hover(function(){$(this).css({'z-index':'10'});var_width=$(this).find("img").width()*1.5,_height=$(this).find("img").height()*1.5,_top=_height/2,_left=_width/2;$(this).find('img').addClass("hover").stop().animate({marginTop:'-'+_top+'px',marginLeft:'-'+_left+'px',top:'50%',left:'50%',width:_width+'px',height:_height+'px',padding:'10px'},200);},function(){$(this).css({'z-index':'0'});$(this).find('img').removeClass("hover").stop().animate({marginTop:'0',marginLeft:'0',top:'0',left:'0',width:'100%',height:'165px',padding:'5px'},400);});
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。