特效介绍

iPhone显示屏jQuery图片放大效果。由于使用了css3的border-radius圆角特效,所以在IE8以上浏览器显示放大镜为矩形。
使用方法
第一步、在head区域引入styles.css第二步、在body区域引入下面的代码:
<div id="iphone">
<div id="webpage">
<img src="img/5imoban.net.png" width="499" height="283" alt="Web Page" />
<div id="retina"></div>
</div>
</div>
<script type="text/javascript" src="https://5.jimth.com/download/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="script.js"></script>
如果要更改显示图片,除了在“<img src="img/5imoban.net.png" width="499" height="283" alt="Web Page" />”更改文件名,在styles.css里面的#retina里面的“background:url('img/5imoban.net.png') no-repeat center center white;”也要做修改,否则放大镜会呈现白色。