Javascript 动态控制字体大小 By Stabx

最新推荐文章于 2024-09-14 18:52:56 发布

btbtd

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量1.7k

点赞数

文章标签： javascript 脚本

本文链接：https://blog.csdn.net/btbtd/article/details/789509

版权

Me Script 同时被 2 个专栏收录

88 篇文章 0 订阅

订阅专栏

Me xhtml & css

32 篇文章 0 订阅

订阅专栏

标题: Javascript 动态控制字体大小 By Stabx

正文:

QUOTE:

Javascript 动态控制字体大小 By Stabx

控制字体大小脚本,
总的来说不是很理想, 左找右找找不到 JS 原字体大小的属性值, 无法 ++ -- 这样传递大小值.
注: 附实例 [底部]
shawl.qiu
2006-6-9

CODE:

<SCRIPT TYPE="text/javascript">
//<![CDATA[
    function cFSize(fSize) { //动态控制字体大小
        document.all.ctFSize.style.fontSize=fSize
        }
//]]>//shawl.qiu script
</SCRIPT>

<select onchange="cFSize(this.value)"><option value="10px">10 px</option><option value="11px">11 px</option><option value="12px">12 px</option><option value="13px">13 px</option><option value="14px" selected="selected">14 px</option><option value="15px">15 px</option><option value="16px">16 px</option><option value="17px">17 px</option><option value="18px">18 px</option><option value="19px">19 px</option><option value="20px">20 px</option><option value="22px">22 px</option><option value="27px">27 px</option><option value="32px">32 px</option><option value="37px">37 px</option><option value="42px">42 px</option><option value="47px">47 px</option><option value="52px">52 px</option><option value="57px">57 px</option><option value="62px">62 px</option><option value="67px">67 px</option><option value="72px">72 px</option></select>

  <div id="ctFSize"><br />
    -> At 6:54 PM, Emerald said...
    <p>伪科学是由骗子和相信骗子的人造成的。 ——伏尔泰<br />
        <br />
        -> At 9:10 PM, Emerald said... </p>
    <p>想象比知识更重要。知识是有限的。想象却可以包围世界。</p>
    <p>——阿尔伯特·爱因斯坦<br />
        <br />
        -> At 11:53 PM, Emerald said... </p>
    <p>以事实为根据，以条件为转移。</p>
  </div>
</div>

CODE:

 
  
    实例: 
   
 
   
<script TYPE="text/javascript"> ////shawl.qiu script </script> 
    
    
    
-> At 6:54 PM, Emerald said... 
    伪科学是由骗子和相信骗子的人造成的。 ——伏尔泰

-> At 9:10 PM, Emerald said...  
    想象比知识更重要。知识是有限的。想象却可以包围世界。 
    ——阿尔伯特·爱因斯坦

-> At 11:53 PM, Emerald said...  
    以事实为根据，以条件为转移。