`
pcajax
  • 浏览: 2109861 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

字体大小 js 控制

阅读更多
  • 在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以CSS页面中定义,一般网页的标准字体是9pt,也就是12px;
  • <html>
    <head>
    <title>JavaScript设置网页字体</title>
    <style>
    body{
    font-size:9pt;
    }
    </style>
    </head>
    <body>
    <div id=zoom>这是一段示例文字,你可以点击下边选择不同字号的字体,这段文字会随即改变大小。源码爱好者(CoreFans.net)提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等,做有质量的学习型源码下载站。</div>
    <SCRIPT language=JavaScript>
    function doZoom(size){
    document.getElementById('zoom').style.fontSize=size+'pt'
    }
    </SCRIPT>
    <P align=right>选择字号:[ <A
     href="javascript:doZoom(13)">13pt(超大)</A> <A
     href="javascript:doZoom(10.5)">10.5pt(中型)</A> <A
     href="javascript:doZoom(9)">9pt(标准)</A> ]
    </body>
    </html> <script type="text/javascript"><!-- google_ad_client = "pub-6770445892601887"; /* 468x60, 创建于 09-11-19 */ google_ad_slot = "4437639877"; google_ad_width = 468; google_ad_height = 60; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
    分享到:
    评论
  • 相关推荐

    Global site tag (gtag.js) - Google Analytics