新闻中心

zblog用js控制文章内容页正文字体的大小

作者 / 时间 2015-12-28 13:07:55

一般站长朋友们在设置文章内容页的正文字体样式的时候,都会选择使用css样式表来对字体样式进行控制和设置,虽然使用css样式表来设置字体的操作很简单和方便,但凡事都分有利和有弊,而css样式表有时也会遇到瓶颈的情况,所以今天无忧主机小编要教给大家另一个可以控制zblog文章内容页正文的字体样式的方法——通过js代码来控制文章内容页正文字体的大小。 首先我们需要找到zblog程序里的模板文件,post-single.php这个文件,然后用网页编辑工具打开这个文件,在这里面添加一段js代码,其js代码如下:

<SCRIPT language=JavaScript>function doZoom(size){document.getElementById('zi').style.fontSize=size+'pt'}</SCRIPT>
以上代码中的“getElementById('zi')”里的属性值“zi”需要替换一下,替换成文章正文内容的div标签的ID。 然后再次用网页编辑工具打开模板文件post-single.php文件,找到合适的位置在里面添加一段html的网站源码,其网站源码如下:
选择字号: <A href="javascript:doZoom(12.5)">超大</A> <A href="javascript:doZoom(10.5)">标准</A>
以上源码中的“javascript:doZoom(12.5)”里的属性值“12.5”代表的就是字体的大小,以像素为单位,可以根据自己的实际情况进行修改,改成合适的大小,然后保存。刷新一下网站的数据,然后就可以在网站的前台看到实际的效果了。 无忧主机相关文章推荐阅读: ZBLOG设置炫彩TAG的方法 从代码内部实现ZBLOG内容页描述的方法 ZBLOG分类页和内容页分别调用当前栏目内容的标签

本文地址:https://www.51php.com/zblog/21164.html

1
1
1
1
1
1
1