看到别的网站这个功能,就在网上找了一些教程实现一下.首先在</head>前添加下面的js代码
//设置字体大小
<script type="text/javascript">
function SetFont(size)
{
var divBody = document.getElementById("article_content");
if(!divBody)
{
return;
}
divBody.style.fontSize = size + "px";
var divChildBody = divBody.childNodes;
for(var i = 0; i < divChildBody.length; i++)
{
if (divChildBody[i].nodeType==1)
{
divChildBody[i].style.fontSize = size + "px";
}
}
}
</script>
注意代码中的“article_content”是指文章内容所在的ID,比如:
<div id="article_content">
文章内容
</div>
请根据你自己主题的实际修改。
2.在文章页面模板要显示设置的地方(比如em主题的echo_log.php文件),添加下面的代码
<span class="article-font-size">
<a href="javascript:SetFont(18)">大</a>
<a href="javascript:SetFont(16)">中</a>
<a href="javascript:SetFont(14)">小</a>
</span>
SetFont( )中的数字就是字体的大小,请根据自己需要修改。
在CSS里面加入
.article-font-size{position:absolute;right:0;}
.article-font-size a{border:1px solid #ccc;padding:0.1em 0.2em;color:#bbb;}
到这里,功能已经实现,剩下的就是通过css来设置 大中小 这三个字的显示方式了。
因为我的阅读页文件没有ID 所以我增加了一个
文章作者:
兜说博客,欢迎大家投稿:
https://www.blogs.hk/post-87.html 日期:2016年03月28日 07:19:11 星期日 分类:
好文分享 浏览(67741)
评论(3)本文地址:https://www.blogs.hk/post-800.html [
百度已收录]
声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
留言咨询