تأثير:
HTML:
نسخة الكود كما يلي:
<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 ؛ الارتفاع: 50px ؛"> </div>
</div>
JS:
نسخة الكود كما يلي:
$ (وثيقة). ready (function () {
$ ("#pageflip"). hover (function () {
$ ("#pageflip img ، .msg_block"). stop ().
}،وظيفة(){
$ ("#pageflip img"). STOP (). ANIMATE ({width: '50px' ، الارتفاع: '52px'} ، 220) ؛
$ (".
}) ؛
}) ؛