首页 > 编程开发 > JavaScript    日期:2018-08-26 / 来自互联网 / 浏览

一款十分简单的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>

代码下载:https://pan.baidu.com/s/1WEbZRAn5kYx42qKY0ec49A

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章