Javascript 动态控制字体大小 By Stabx

原创 2006年06月11日 20:41:00
标题:  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:
实例:


-> At 6:54 PM, Emerald said...

伪科学是由骗子和相信骗子的人造成的。 ——伏尔泰

-> At 9:10 PM, Emerald said...

想象比知识更重要。知识是有限的。想象却可以包围世界。

——阿尔伯特·爱因斯坦

-> At 11:53 PM, Emerald said...

以事实为根据,以条件为转移。

 

Android动态更改TextView的字体大小

需求: 需要动态更改TextView内容字体的大小,比如设定TextView只有一行,宽度只有200dp,内容超过这个之后就缩小字体显示,只能能将字体都显示完全;也就是动态更改TextView的字...
  • jdsjlzx
  • jdsjlzx
  • 2016年06月21日 23:37
  • 3491

【JavaScript】轻松更改网页背景与字体的颜色

JavaScript,通过点击按钮更改网页背景与字体的颜色,网页中有N个改变颜色的按钮,点击不同的按钮,网页的字体与背景就会改变成不同的颜色。很简单的JavaScript小程序。...
  • yongh701
  • yongh701
  • 2014年10月22日 20:34
  • 2761

浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应

随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?本篇文章将讲述自适应网页设计...
  • duzanuolu
  • duzanuolu
  • 2017年03月18日 03:22
  • 6418

从腾讯朋友圈揭秘内部AI部门竞争关系,谁能像微信当年一样熬出头? By 微胖2017年11月10日 09:06 撰文 | 宇多田 在腾讯合作伙伴大会上,腾讯首席运营官任宇昕提出的「AI in All」

从腾讯朋友圈揭秘内部AI部门竞争关系,谁能像微信当年一样熬出头? By 微胖2017年11月10日 09:06 撰文 | 宇多田 在腾讯合作伙伴大会上,腾讯首席运营官任宇昕提出的...
  • starzhou
  • starzhou
  • 2017年11月14日 08:55
  • 257

通过转成SQL来进行查询,解决hql不能在distinct,group by结果集上使用count的问题

public Long getDataTotal(String hql,Map alias,Object[] args) { QueryTranslatorImpl queryTranslato...
  • qq_16465949
  • qq_16465949
  • 2014年08月25日 13:26
  • 841

MySQL如何利用索引优化ORDER BY排序语句

来自:http://www.9usb.net/201003/mysql-suoyin-youhua-order-by.html MySQL索引通常是被用于提高WHERE条件的数据行匹配或者执行联结操...
  • zht666
  • zht666
  • 2014年01月08日 21:09
  • 3912

#424 – 使ListBox 中每一项保持一致大小(Getting Data-Bound Items in a ListBox to Be a Consistent Size)

 之前演示了如何通过数据绑定向ListBox 中添加丰富的内容。 但问题是在垂直方向上各项的内容并没有对齐。我们在数据模板中使用的是StackPanel ,它会自动根据内容调整大小。 ...
  • Libby1984
  • Libby1984
  • 2016年11月24日 17:56
  • 256

JavaScript 计时事件

JavaScript 计时事件通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。 在 JavaScritp 中使用计...
  • u010085423
  • u010085423
  • 2016年12月03日 17:28
  • 137

4.7.6  使用 new 来创建动态数组

使用常规数组存储数据时,一般都是在程序编译时就已经为数组分配好了内存。如果存储的数据未达到数组的长度,就会导致很多内存闲置,致使效率较低。 对于处理一些大型数据,我们就可以使用 new 进行动态内存...
  • nce16220811
  • nce16220811
  • 2015年06月07日 23:19
  • 379

2017年4月21日  计算机技术动态

《技术动态》着眼中国和国际上IT领域重要科学成果发现和技术成果突破,以及中国相关政策走向和重大事件,突出引领性,真实反映IT领域的实力和水平,促进相互交流。   2017年4月21日 《技术动...
  • wzebinbin
  • wzebinbin
  • 2017年04月22日 13:31
  • 455
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Javascript 动态控制字体大小 By Stabx
举报原因:
原因补充:

(最多只允许输入30个字)