欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

QQ空间顶部折页撕开效果示例代码_jquery

程序员文章站 2022-05-12 13:13:18
...
效果:
QQ空间顶部折页撕开效果示例代码_jquery
HTML:
复制代码 代码如下:


QQ空间顶部折页撕开效果示例代码_jquery



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);
});

});