jquery撕页广告效果

实现代码

html

<div id="pageflip">
	<a href="http://www.jq22.com" target="_blank">
    <img width="307" height="319" alt="www.jq22.com" src="images/page_flip.png"></a> 
	<div class="msg_block"></div>
</div>

js

<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>

PREVIOUS:
NEXT:
自定义实时搜索jQuery 插件HideSeek
jQuery颜色选取器插件COLPICK