零基础建站培训介绍
找人做网站,就找学做网站论坛
性价比超高的网站空间、服务器主机

当前位置:

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

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

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

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

首先找到wordpress主题文件single.php,这个是用来控制网站每篇文章的显示的哦。【如果你对wordpress模板不了解,先学习一下wordpress模板制作教程

然后在文件中适当的位置添加按钮代码,比如你可以像腾讯新闻一样,放在每篇文章标题的下面:

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

其次,只这样是不够的,还需要一些脚本驱动代码实现效果,还是在同一个文件下,找一个适合的位置添加以下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>

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

更新:如果使用以上方法没有效果,可以使用最新的网站添加用户切换字体大小功能的方法,亲测有效噢,方法:http://www.xuewangzhan.net/wenti/12410.html

上一课: 下一课:

发表评论

*

* 绝不会泄露