jquery撕页广告效果

所属分类:媒体-图片展示

 39693  385  查看评论 (0)
分享到微信朋友圈
X
jquery撕页广告效果 ie兼容6

实现代码

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>


相关插件-图片展示

jQuery仿京东商品放大镜

jQuery重写仿京东商品放大镜,使用更简单
  图片展示
 43158  530

jQuery画廊-least.js

jQuery画廊-least.js 类似于google图片搜索结果中的展示效果,least.js 随机和响应的JQUERY,HTML 5和CSS3画廊
  图片展示
 33372  323

jQuery图片放大插件

jQuery点击图片放大,适应移动端和PC端
  图片展示
 45028  333

jQuery图片预览插件

jQuery图片预览插件,支持图片放大,缩小,旋转。
  图片展示
 87721  504

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复