每个人在阅读文章时对文字大小的要求不尽相同,此特效即可实现随意调整文字大小,给予不同喜好者最好的阅读体验。
<head>
<script>
window.onload = function(){
var oBnt1 = document.getElementById('bnt1');
var oBnt2 = document.getElementById('bnt2');
var oP = document.getElementById('text');
var num = 14;
oBnt1.onclick = function(){
num --;
oP.style.fontSize = num+'px';
}
oBnt2.onclick = function(){
num ++;
oP.style.fontSize = num+'px';
}
}
</script>
</head>
<body>
<input id="bnt1" type="button" value="T-" />
<input id="bnt2" type="button" value="T+" />
<DIV id="text">此处放文字内容。</DIV>
</body>