Effect:
HTML:
The code copy is as follows:
<div id="pageflip">
<a target="_blank" href="http://www.sparkdesign.cn/"><img src="js/page_flip.png" style="overflow: hidden; width: 50px; display: block; height: 52px;"></a>
<div style="overflow: hidden; width: 50px; display: block; height: 50px;"></div>
</div>
JS:
The code copy is as follows:
$(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);
});
});