table

页面字体放大放小

<script>
function turnnum(m) {
var o1=document.all('num');
var o2=document.all('txt');
i=parseInt(o1.value);
if (m!=0) i++;
else i--;
o1.value=i.toString(10);
eval('o2.style.fontSize="'+o1.value+'px"')}
</script>

<div id=txt style="line-height:18px;text-indent: 0px;font-size:12px;">
请您用下面的按钮加减这段文字的text-indent属性的值（单位是px）。看一看会发生什么，然后您就会明白这个属性的意义。</div>
<div style="background:#CCCCCC;height:24px;padding:2px;">
<input id=num type=text value="0" size=19 readonly>&nbsp;
<input type=button value="&nbsp;+&nbsp;" onclick="turnnum(9)">&nbsp;
<input type=button value="&nbsp;-&nbsp;" onclick="turnnum(0)">
</div>

posted on 2008-12-15 11:33 小卓 阅读(480) 评论(0)  编辑  收藏 所属分类: html and js