<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery图片旋转展示收缩效果</title><style>*{margin:0;padding:0;list-style-type:none;}img{border:0;}body{background:#F1F1F1;}.comp{background:url(http://demo.lanrenzhijia.com/2015/pic0106/images/7.png) no-repeat center center;width:200px;height:200px;display:block;cursor:pointer;position:relative;margin:230px auto 0 auto;}.comp ul.reset li{position:absolute;}</style></head><body><!--代码部分begin--><div class="comp"><ul class="reset" style="display: block; z-index: 50; opacity:0;"><li><a href="http://www.lanrenzhijia.com/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="https://img.zhankr.net/bosyawaoouk34361.png" alt="懒人之家" /></a></li><li><a href="http://www.lanrenzhijia.com/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="https://img.zhankr.net/ls31zkihqro34362.png" alt="懒人之家" /></a></li><li><a href="http://www.lanrenzhijia.com/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="https://img.zhankr.net/a1p32ij2ren34363.png" alt="懒人之家" /></a></li><li><a href="http://www.lanrenzhijia.com/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="https://img.zhankr.net/rsdbzgebnqd34364.png" alt="懒人之家" /></a></li><li><a href="http://www.lanrenzhijia.com/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="https://img.zhankr.net/capxvf33ijc34365.png" alt="懒人之家" /></a></li><li><a href="http://www.lanrenzhijia.com/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="https://img.zhankr.net/njlguzb2miq34360.png" alt="懒人之家" /></a></li><li><a href="http://www.lanrenzhijia.com/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="https://img.zhankr.net/srygmq150iq34366.png" alt="懒人之家" /></a></li></ul></div><script src="http://www.lanrenzhijia.com/ajaxjs/jquery-1.7.2.min.js"></script><script src="http://www.lanrenzhijia.com/ajaxjs/mobilyblocks.js"></script><script>$(function(){$('.comp').mobilyblocks({trigger:'click',direction:'counter',duration:500,zIndex:50,widthMultiplier:1.1});});</script><!--代码部分end--></body></html>