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 小卓 閱讀(487) 評論(0)  編輯  收藏 所屬分類: html and js