QQ空间顶部折页撕开效果示例代码
摘要:效果:HTML:复制代码代码如下:JS:复制代码代码如下:$(document).ready(function(){$("#pageflip...
效果:
HTML:
复制代码 代码如下:
<div id="pageflip">
<a target="_blank" href="http://www.sparkdesign.cn/"><img width="307" height="319" src="js/page_flip.png"></a>
<div></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);
});
});
【QQ空间顶部折页撕开效果示例代码】相关文章:
上一篇:
jQuery获取动态生成的元素示例
下一篇:
jQuery实现的原图对比窗帘效果