Effet:
HTML:
La copie de code est la suivante:
<div id = "pageflip">
<a Target = "_ Blank" href = "http://www.sparkdesign.cn/"> <img src = "js / page_flip.png" style = "overflow: Hidden; width: 50px; affichage: block; height: 52px;"> </a>
<div style = "Overflow: Hidden; largeur: 50px; affichage: bloc; hauteur: 50px;"> </div>
</div>
JS:
La copie de code est la suivante:
$ (document) .ready (function () {
$ ("# pageflip"). hover (function () {
$ ("# pageflip img, .msg_block"). stop (). animate ({width: '307px', height: '319px'}, 500);
},fonction(){
$ ("# pageflip img"). stop (). animate ({width: '50px', hauteur: '52px'}, 220);
$ (". msg_block"). stop (). Animate ({width: '50px', hauteur: '50px'}, 200);
});
});