Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

jQuery点击弹出遮罩层图片放大查看代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-05-01
一款十分简单的jQuery点击弹出遮罩层图片放大查看代码,支持鼠标滚动放大缩小图片预览,弹出和关闭图片时还有淡进淡出的过渡效果。


js代码

<script src="jquery.js"></script>
<script src="zoom.js"></script>
<script>
	$(function(){
		/*
		 smallimg   // 小图
		 bigimg  //点击放大的图片
		 mask   //黑色遮罩
		 */
		var obj = new zoom('mask', 'bigimg','smallimg');
		obj.init();
	})
</script>