wordpress文章页添加字体缩小放大效果代码分享

wordpress文章页添加字体缩小放大效果代码分享插图

代码主要的作用就是在我们看文章的详情页时,可以自由的增加字体的大小功能。一般是是放在了标题下面那一块显示,你们可以看自己的文章页是合乎放哪里合适都是可以的。

实现代码:

<a href="javascript:SetFont('12px')" accesskey="1">小</a>
<a href="javascript:SetFont('14px')" accesskey="2">中</a>
<a href="javascript:SetFont('16px')" accesskey="3">大</a> </a>
<script type="text/javascript">
function SetFont(size){
document.getElementById("image_container").style.fontSize=size
}
</script>

注意:js代码获取的节点,要查看你的single.php文章页的div的ID是不是image_container,不然你需要把它修改成你文章页css的id的名称。

© 版权声明
THE END
喜欢点个赞支持一下吧
点赞0赏币
分享
评论交流 抢沙发

请登录后发表评论