文章页字体缩放

发布于:2017-08-31 09:49:35

<span class="size">字体:<a href="javascript:void(0);" class="bigger">大</a><a href="javascript:void(0);" class="centre on">中</a><a href="javascript:void(0);" class="smaller">小</a></span>


<script>
		$(function(){
	        var size = $('.m-txt1 .txt').css("font-size");
	        $('.bigger').click(function(){
	            var endsize = (18);
	            $('.m-txt1 .txt *').css("font-size",endsize);
	        });
	        $('.centre').click(function(){
	            var endsize = (16);
	            $('.m-txt1 .txt *').css("font-size",endsize);
	        });
	        $('.smaller').click(function(){
	            var endsize = (14);
	            $('.m-txt1 .txt *').css("font-size",endsize);
	        });
	        $('.m-txt1 .size a').click(function(){
	        	$(this).addClass('on').siblings('a').removeClass('on');
	        });
	   });
	</script>


觉得有用请点个赞吧!
0 538