iPhone显示屏jQuery图片放大效果
- 作者：网页模板
- 大小：0.126MB
- 点击次数：
- 发布时间：2014-03-15 12:59
特效介绍
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="http://www.5imoban.net/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;”也要做修改，否则放大镜会呈现白色。- 本文标签：
- jQuery图片放大效果,jQuery放大镜代码
