js如何改变文章的字体大小_javascript技巧

来源：懂视网责编：小OO 时间：2020-11-27 21:48:33

js如何改变文章的字体大小_javascript技巧

小编查阅了相关文章，为大家整理了几个小案例，供大家参考，具体内容如下：效果图。点击大、小按钮，随时切换字体大小。具体代码。使用js如果改变一篇文章字体的大小 a{ text-decoration：none；color：#0C3} a：hover{ color：#F36}。再为大家分享一栗子。

推荐度：

点击下载本文 文档为doc格式

导读小编查阅了相关文章，为大家整理了几个小案例，供大家参考，具体内容如下：效果图。点击大、小按钮，随时切换字体大小。具体代码。使用js如果改变一篇文章字体的大小 a{ text-decoration：none；color：#0C3} a：hover{ color：#F36}。再为大家分享一栗子。

最近发现有许多朋友提问：使用js如何改变一篇文章的字体的大小？

小编查阅了相关文章，为大家整理了几个小案例，供大家参考，具体内容如下

效果图：

点击大、小按钮，随时切换字体大小

具体代码：




使用js如果改变一篇文章字体的大小

再为大家分享一栗子：

这个工作原理很简单，就是在触发事件的时候将文章的字号改变，更直白一些就是改变font-size这个属性的值（jQuery版本1.7.2）
HTML


 
 放大
 缩小
 默认
 
 这里是一些文字

CSS

.box{text-align:center;}
.ctrl{padding:50px 0px 0px 0px;background:#f4f4f4;font-size:0px;border-bottom:3px solid #333;}
.ctrl a{display:inline-block;width:50px;height:30px;line-height:30px;background:#333;color:#fff;font-size:14px;}
.ctrl a:hover{background:#444;color:#fff;font-weight:700;text-decoration:none;}
.cont{padding-top:50px;font-size:14px;}

希望本文所述对大家学习javascript程序设计有所帮助。

js如何改变文章的字体大小_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：字体大小文章修改

热门焦点

js如何改变文章的字体大小_javascript技巧

js如何改变文章的字体大小_javascript技巧

js如何改变文章的字体大小_javascript技巧

最新推荐

猜你喜欢

热门推荐