效果:
HTML:
<div id=\"pageflip\">
<a target=\"_blank\" href=\"http://www.sparkdesign.cn/\"><img width=\"307\" height=\"319\" src=\"js/page_flip.png\" style=\"overflow: hidden; width: 50px; display: block; height: 52px;\"></a>
<div class=\"msg_block\" style=\"overflow: hidden; width: 50px; display: block; height: 50px;\"></div>
</div>
JS:
$(document).ready(function(){
$(\"#pageflip\").hover(function(){
$(\"#pageflip img , .msg_block\").stop().animate({width: \'307px\', height: \'319px\'}, 500);
},function(){
$(\"#pageflip img\").stop().animate({width: \'50px\', height: \'52px\'}, 220);
$(\".msg_block\").stop().animate({width: \'50px\', height: \'50px\'}, 200);
});
});
本文地址:https://www.stayed.cn/item/2807
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我