本文给大家分享js实现点击按钮字体放大缩小实例代码，代码简单易懂，需要的朋友参考下吧

具体代码如下所示：

<style>
.bb{color:red;}
.cc{color:green;}
.chapter {font-size: 1.5em;}
.normal{font-size:12px;}
.hidden{display:none;}
</style>
<script>
$(document).ready(function() {
$('div.aa').addClass('bb');
$('a[href^="http:"]').addClass('cc');
//$('#switcher-large').on('click',function(){
// $('div.large').addClass('chapter'); 
//});
$('#switcher-large').click(function(){ 
$('div.large').toggleClass('chapter');
$(this).toggleClass('bb'); 
});
//$('#switcher').click(function(){//点击按钮增加（移除）样式（toggleClass方法）
//$('#switcher button').toggleClass('hidden');
//})
//字体的放大缩小
var $biger = $('div.large');
var num = parseFloat($biger.css('fontSize')); 
$('#switcher-bigger').click(function(){ 
num=num*1.4;
$biger.css('fontSize',num+'px');
});
$('#switcher-small').click(function(){
num=num/1.4;
$biger.css('fontSize',num+'px');
});
});
</script>
<div id="switcher" class="switcher">
<h3>Style Switcher</h3>
<button id="switcher-default"> Default </button>
<button id="switcher-hidden">Narrow hidden</button>
<button id="switcher-large">Large Print</button>
<button id="switcher-bigger">switcher-bigger</button>
<button id="switcher-small">switcher-small</button>
</div>
<div class="large">
<p>积木网</p>
<p>积木网</p>
<p>积木网</p>
<p>积木网</p>
</div>

关于JavaScript实现点击按钮字体放大、缩小的相关知识就给大家介绍这么多，希望对大家有所帮助！

ClearTimeout消除闪动实例代码
定义和用法clearTimeout()方法可取消由setTimeout()方法设置的timeout。语法clearTimeout(id_of_settimeout)参数描述id_of_settimeout由setTimeout()返回的ID值。该值标识要取

基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
看到这种什么百叶窗的动画，以为都是flash实现的，最近突然灵光一闪，想到了用js实现（虽然我不是做前端的，本人做.net）。代码虽然实现了，但是比

基于JavaScript实现文字超出部分隐藏
本文给大家分享文字超出部分隐藏功能，代码比较简单，感兴趣的朋友可以参考下本段代码。具体代码如下所示：!DOCTYPEhtmlhtmlheadlang="en"metacharset="UTF-8"ti