注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery可放大任何HTML元素的网页放大镜

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-02-11
jQuery可放大任何HTML元素的网页放大镜
jQuery可放大任何HTML网页元素的放大镜是一款不仅可以放大图片,还可以放大文字,按钮,超链接等HTML元素。压缩包内含三种放大效果,演示只有一个。


JS代码:

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.jfMagnify.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		var scaleNum = 2;
		$(".magnify").jfMagnify();
		$('.plus').click(function(){
			scaleNum += .5;
			if (scaleNum >=3) {
				scaleNum = 3;
			};
			$(".magnify").data("jfMagnify").scaleMe(scaleNum);
		});
		$('.minus').click(function(){
			scaleNum -= .5;
			if (scaleNum <=1) {
				scaleNum = 1;
			};
			$(".magnify").data("jfMagnify").scaleMe(scaleNum);
		});
		$('.magnify_glass').animate({
			'top':'60%',
			'left':'60%'
			},{
			duration: 3000, 
			progress: function(){
				$(".magnify").data("jfMagnify").update();
			}, 
			easing: "easeOutElastic"
		});
	});
</script>