首页 >web前端 >js教程 > 正文

js实现动态改变字体大小代码_javascript技巧

原创2016-05-16 17:05:370510
在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以CSS页面中定义,一般网页的标准字体是9pt,也就是12px;

实例代码一:

 
 
 
修改字体大小.html 

 
 
 

 
 
 

大号 中号 小号
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小
这里呢就是显示的文字,通过点击上面的超链接改变此字体大小

实例方法二:



JavaScript设置网页字体


这是一段示例文字,你可以点击下边选择不同字号的字体,这段文字会随即改变大小。脚本之家。

选择字号:[ 13pt(超大) 10.5pt(中型) 9pt(标准) ]

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:动态改变 字体大小
  • 相关文章

    相关视频


      网友评论

      文明上网理性发言,请遵守 新闻评论服务协议

      我要评论
    • 专题推荐

      作者信息

      php中文网

      认证0级讲师

      推荐视频教程
    • javascript初级视频教程javascript初级视频教程
    • jquery 基础视频教程jquery 基础视频教程
    • 视频教程分类