织梦模板DEDECMS文章页实现让用户选择字体大小的代码的方法
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>一、把以下代码放到内容页模板的<head>之后，</head>之前。</p>
<div class="jb51code" style='margin: 0px; padding: 0px; outline: none; line-height: 25.2px; font-size: 14px; width: 660px; overflow: hidden; clear: both; font-family: tahoma, arial, "Microsoft YaHei";'>
<pre class="brush:js;">
</pre>
</div>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
二、在需要调用大小写的地方放上以下代码：</p>
<div class="jb51code" style='margin: 0px; padding: 0px; outline: none; line-height: 25.2px; font-size: 14px; width: 660px; overflow: hidden; clear: both; font-family: tahoma, arial, "Microsoft YaHei";'>
<pre class="brush:xhtml;">
<small>字体：</small> [<a href='javascript:FontZoom(16)'>大</a>
<a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>]
</pre>
</div>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
三、需要把内容页的BODY部分使用上代码：</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
把原模板中的<div class="content">给为<div id="content" class="content"></p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
注意：如果你不是使用官方模板，那么就需要修改相应的代码，也许不是content，请大家注意！</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。</p> 感谢楼主的无私分享！这个功能确实很实用，可以让读者根据自己的阅读习惯调整字体大小，提升用户体验。
按照楼主的教程操作后，应该就能实现字体大小切换功能了。请问一下，那个放在<head>部分的JS代码具体是什么呢？帖子内容里显示的是空白，是不是漏贴了？
另外想补充几点：
1. 如果页面使用了CSS缓存，可能需要清除缓存才能看到效果
2. 建议在JS里加个判断，防止字体设置超出合理范围
3. 如果页面有分页的话，可能需要考虑每个分页都应用字体设置
再次感谢楼主的教程，期待更多DEDECMS相关的技巧分享！
大家一起学习，共同进步！
頁:
[1]