天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制 | RSS订阅 | 网站地图 | 联系我们
天兴工作室自用主题2015版上架销售
当前位置:网站首页 教程 正文

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

天兴工作室 2年前 (2014-06-11) 教程 1792 ℃ 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美化下。

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

我要提问 如果你对于此文还有任何疑问欢迎在文章下面的评论区域留言,如果你的疑问比较多,欢迎在本站的在线提问专业去发布问题,点击右侧的我要提问即可到达。天兴工作室将尽我所能为你解答问题。

本文标签js控制字体大小 zblog字体大小

本文地址http://www.txcstx.cn/post/646.html

版权说明:如非注明,本站文章均为 天兴工作室 原创,转载请注明出处和附带本文链接。

我猜你还喜欢这些...

额!本文竟然没有沙发!你愿意来坐坐吗?

欢迎 发表评论

必填

选填

选填

必填

◎欢迎在这里交流反馈,垃圾评论会秒删的额...

联系我们
最新评论
标签云
放假zblog修改主题无效新年回馈放假通知zblogcms主题黑客wordpress转zblog自适应网吧全球通彩袖卡2015端午节recovery华为T5900老人机zblog最新版本zblog商城站内广告迁移人造韩寒银联翼宝卡VIP客户文档下拉导航狂欢节下一篇侧栏管理搬家zblog广告插件奚国华最新文章zblog淘宝客模板hover阿里云武汉三乱主题报错淘宝客主题
热门模板