网站文字字号“大、中、小”调节代码

很多网站在文章页面上都有调节“大、中、小”字号的功能，可以让用户自由的调整文章字体大小，无疑是增加了用户体验度，那这个小功能是怎么实现的呢？

下面学做网站论坛就分享一下如何在自已建网站时制作出调节“大、中、小”功能的按钮的二种方法。

方法一：网站添加用户切换字体大小功能，亲测有效噢!

方法二：使用JS代码来控制文字大小。方法如下：

1. 首先找到wordpress主题文件single.php，这个是用来控制网站每篇文章的显示的哦。【如果你对wordpress模板不了解，先学习一下wordpress模板制作教程】
2. 然后在文件中适当的位置添加按钮代码，比如你可以像腾讯新闻一样，放在每篇文章标题的下面。

   
   <div><a href="”javascript:doZoom(16)”">小</a> <a href="”javascript:doZoom(18)”">中</a> <a href="”javascript:doZoom(24)”">大</a></div>
   
   

3. 其次，只这样是不够的，还需要一些脚本驱动代码实现效果，还是在同一个文件下，找一个适合的位置添加以下js代码：（一般放在</body>标签上方。）

   
   <script type="”text/javascript”">// <![CDATA[
   
   function doZoom(size) { var zoom = document.all ? document.all[‘entry’] : document.getElementById(‘entry’); zoom.style.fontSize = size + ‘px'; }
   
   // ]]></script>
   
   

4. 好了，现在上传文件覆盖点击查看效果吧。

标签： 代码 建网站 脚本

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。