效果如下
源码
代码如下
<script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(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);
});
});
</script>
使用方法非常的简单，我们可以把css与js及html分别放到head与body之间就可以了，如果不懂的可以直接把代码放下去进行调整就好。
jquery页面加载事件|基于jQuery页面顶部折角图片撕开特效代码
http://m.bbyears.com/wangyezhizuo/57441.html
推荐访问:jquery刷新当前页面