提供zblog模板_zblog主题_wordpress模板的下载和定制
当前位置:网站首页 > 教程 > 正文

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

天兴工作室 2014-06-11 教程 4406 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美化下。

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

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

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

在线提问 在线客服

取消回复欢迎 发表评论:

  • 请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
×59zblog模板×35zblog×28zblogphp×20zblogphp模板×20天兴工作室×19阿里云×14zblog插件×14zblog错误×12dedecms×12zblog企业模板×11电子券×11ytcms×11zblog安装×10天兴互联×9随意打×9模板×9zblogphp1.5×8天兴通讯×8刷机×8企业模板

请登录

社交账号登录

将本文分享给你的朋友们