Эффект:
HTML:
Кода -копия выглядит следующим образом:
<div id = "pageflip">
<a target = "_ blank" href = "http://www.sparkdesign.cn/"> <img src = "js/page_flip.png" style = "overflow: hidden; ширина: 50px; отображение: блок; высота: 52px;"> </a>
<div style = "переполнение: скрыта; ширина: 50px; дисплей: блок; высота: 50px;"> </div>
</div>
JS:
Кода -копия выглядит следующим образом:
$ (document) .ready (function () {
$ ("#pageflip"). Hover (function () {
$ ("#pageflip img, .msg_block"). Stop (). Animate ({width: '307px', высота: '319px'}, 500);
}, function () {
$ ("#pageflip img"). Stop (). Animate ({width: '50px', высота: '52px'}, 220);
$ (". msg_block"). Stop (). Animate ({width: '50px', высота: '50px'}, 200);
});
});