jQuery可放大任何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>