jquery页面加载事件|基于jQuery页面顶部折角图片撕开特效代码

【www.bbyears.com--jquery】

效果如下

源码

<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之间就可以了，如果不懂的可以直接把代码放下去进行调整就好。

本文来源：http://www.bbyears.com/wangyezhizuo/57441.html