您的位置:宽带测速网 > 帝国cms > 帝国CMS内容页模板点击改变正文字体大小的js代码和方法

帝国CMS内容页模板点击改变正文字体大小的js代码和方法

2025-06-13 13:43来源:互联网 [ ]

通过一段简单的js代码来实现用户点击网页上的字体大小选择适当的字体来浏览网页内容,让用户体验更佳。
改变内容页字号大小的方法有很多种,下面讲一个简单的JS代码实现功能的。

首先在内容模板的头部<head></head>里加入下面的代码:

<scripttype="text/javascript">functionFontZoom(fsize){varctext=document.getElementById("news");ctext.style.fontSize=fsize+"px";}</script>定制框架把你想要改变字体大小的内容部分加上id名。如: <div id="news">[!--newstext--]</div>

在适当位置放控制按钮方便用户点击代码:

字体:【<ahref='_javascript:FontZoom(16)'>大</a><ahref='_javascript:FontZoom(14)'>中</a><ahref='_javascript:FontZoom(12)'>小</a>】16,14,12就是字号的大小,可以根据实际情况修改为自己所要展示的字号大小。

猜您喜欢的源码利用jQuery实现点击阅读全文查看文章代码

利用jQuery实现 点击阅读 全文查看 文章代码。利用jQuery实现点击阅读全文查看文章代码