效果：

復制代碼 代碼如下:

<div>
<a target="_blank" ><img src="js/page_flip.png"></a>
<div></div>
</div>

復制代碼 代碼如下:

$(document).ready(function(){

$("#pageflip").hover(function(){
$("#pageflip img , .msg_block").stop().animate({width: '307px', height: '319px'}, 500);
},function(){
$("#pageflip img").stop().animate({width: '50px', height: '52px'}, 220);
$(".msg_block").stop().animate({width: '50px', height: '50px'}, 200);
});

});