HTML:
Rumah > hujung hadapan web > tutorial js > QQ空间顶部折页撕开效果示例代码_jquery

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

WBOY
Lepaskan: 2016-05-16 16:44:37
asal
1343 orang telah melayarinya

效果:
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);
});

});
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan