효과:
HTML :
코드 사본은 다음과 같습니다.
<div id = "pageflip">
<a target = "_ blank"href = "http://www.sparkdesign.cn/"> <img src = "js/page_flip.png"style = "오버 플로우 : 숨겨진; 너비 : 50px; 디스플레이 : 블록; 높이 : 52px; </a>
<div style = "오버플로 : 숨겨진; 너비 : 50px; 디스플레이 : 블록; 높이 : 50px;"> </div>
</div>
JS :
코드 사본은 다음과 같습니다.
$ (document) .ready (function () {
$ ( "#pageflip"). 호버 (function () {
$ ( "#pageflip img, .msg_block"). stop (). 애니메이션 ({너비 : '307px', 높이 : '319px'}, 500);
},기능(){
$ ( "#pageflip img"). stop (). 애니메이션 ({너비 : '50px', 높이 : '52px'}, 220);
$ ( ". msg_block"). stop (). 애니메이션 ({너비 : '50px', 높이 : '50px'}, 200);
});
});