Efeito:
Html:
A cópia do código é a seguinte:
<div id = "Pageflip">
<a Target = "_ Blank" href = "http://www.sparkdesign.cn/"> <img src = "js/page_flip.png" style = "Overflow: Hidden; largura: 50px; exibir: bloco; altura: 52px;"> </a>
<div Style = "Overflow: Hidden; Largura: 50px; Display: Block; Altura: 50px;"> </div>
</div>
JS:
A cópia do código é a seguinte:
$ (document) .ready (function () {
$ ("#pageflip"). hover (function () {
$ ("#Pageflip IMG, .msg_block"). Stop (). Animate ({Width: '307px', altura: '319px'}, 500);
},função(){
$ ("#pageflip img"). stop (). Animate ({width: '50px', altura: '52px'}, 220);
$ (". msg_block"). Stop (). Animate ({width: '50px', altura: '50px'}, 200);
});
});