今天做一个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字体大小
相关推荐
取消回复欢迎 你 发表评论:
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室2021年春节放假通知02-08
- 2zblogphp1.7版本正式上线,附zblogphp1.7升级指南和注意事项02-08
- 3主题的暗黑模式是什么?怎么设置和使用暗黑模式?01-19
- 4zblog判断插件是否安装或者启用的代码介绍01-16
- 5translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 6zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- 7zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
- 8wordpress导航栏自定义添加class和rel="nofollow"的步骤12-13
- 9swiper做导航栏时自动跳转至对应分类的代码12-07
- 标签聚合
- ×1舞步学院×1狂欢节×1畅言评论数×1无线座机×1禁止右键×1厦门旅游×1后台函数×1zblog点赞×1三星i5508×1合约计划×1瀑布流×1宜居通×1畅言表情插件×1校园大V网×1自适应zblog模板×1UEditor编辑器×1jq插件×1校园之争×13G预付费×1什么值得买
最新评论
-
访客
来个限时优惠 -
天兴工作室
不还价的 -
小马过河
能不能便宜点啊 -
中加达移民
个人买过这个网站的主题,可以付责任的说,主题很好好用。另外我不是托! -
吸料机
已经解决