提供zblog模板_zblog主题_wordpress模板的下载和定制

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

天兴工作室 2014-06-11 20:42 教程 5916 0 评论


今天做一个zblog模板的时候遇到这个问题,这个模板要求文章内容页的字体可以控制字体大小,网上查找了下代码,设置成功后把代码整理下分享出来,希望会对大家有所帮助。

先上代码:

js代码

<SCRIPT language=JavaScript>function doZoom(size){document.getElementById('zi').style.fontSize=size+'pt'}</SCRIPT>

html代码:

选择字号: <A href="javascript:doZoom(12.5)">超大</A> <A href="javascript:doZoom(10.5)">标准</A>

下面来说下怎么用,js代码和html代码都放在post-single模板文件内(zblogasp是post-single.html;zblogphp是post-single.php),需要修改的是:

js代码中"etElementById('zi')",将其中的zi修改成你模板内放置正文内容的div的id属性即可;

html代码中的”javascript:doZoom(12.5)“,修改阿拉伯数字即可控制字体的大小,修改到自己满意位置。然后把html代码放置在合适的位置,还可以用css美化下。

后台刷新,前台即可看到效果了。


没有找到能解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

欢迎 发表评论: 取消回复

请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
  • 登 录
  • 注册账号 忘记密码?
  • 注 册
  • 已有账号?直接登录 忘记密码?
  • 社交账号登录