本文实例讲述了jQuery实现的图片点击放大缩小功能。分享给大家供大家参考,具体如下:
我们不废话,直接上例子。首先利用dom的垂直分层实现图片的点击放大和缩小(手机上使用的效果较好),在图片放大的时候同时禁止页面的滑动,如果在web端的话可以不禁止屏幕的滚动(因为图片放大是将图片的宽度变成100%,在web上长度可能会超出屏幕 的高度)。
来看css部分代码:
<style>
/*全屏显示大图*/
.opacityBottom{
width: 100%;
height: 100%;
position: fixed;
background:rgba(0