效果：

HTML：

复制代码 代码如下:

<div id="pageflip">

<a target="_blank" href="http://www.sparkdesign.cn/"><img width="307" height="319" src="js/page_flip.png"></a>

<div></div>

</div>

JS：

复制代码 代码如下:

$(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);

});

});