Efecto:
HTML:
La copia del código es la siguiente:
<div id = "pageflip">
<a Target = "_ Blank" href = "http://www.sparkdesign.cn/"> <img src = "js/page_flip.png" style = "desbordamiento: Hidden; width: 50px; display: block; altura: 52px;"> </a>
<div style = "desbordamiento: oculto; ancho: 50px; pantalla: bloque; altura: 50px;"> </div>
</div>
JS:
La copia del código es la siguiente:
$ (documento) .Ready (function () {
$ ("#pageflip"). Hover (function () {
$ ("#Pageflip img, .msg_block"). Stop (). Animate ({Width: '307px', altura: '319px'}, 500);
},función(){
$ ("#Pageflip img"). Stop (). Animate ({Width: '50px', Height: '52px'}, 220);
$ (".
});
});