首页
微语
统计
友链
留言
memos
圈子
图床
推荐
相册
网站监控
VPS监控
Search
1
实现typecho微信时光机功能的图文教程
45,111 阅读
2
为Typecho添加webp解析
43,169 阅读
3
emlog数据成功迁移到typecho
26,690 阅读
4
Memos备忘录,记录瞬间想法
25,614 阅读
5
Jasmine - 简约、美观的博客主题
24,310 阅读
手机达人
免费资源
电脑网络
娱乐休闲
网站建设
威言威语
Typecho
Emlog
WordPress
服务器
主题
插件
排行榜    
登录
/
注册
Search
标签搜索
wordpress
发布
插件
免费
教程
typecho
EMlog
PHP
代码
CSS
华为
图片
代码修改
安装
评论
手机
诺基亚
微信
文章
智能
Chen'mo
累计撰写
1,266
篇文章
累计收到
374
条评论
首页
栏目
手机达人
免费资源
电脑网络
娱乐休闲
网站建设
威言威语
Typecho
Emlog
WordPress
服务器
主题
插件
页面
微语
统计
友链
留言
memos
推荐
相册
网站监控
VPS监控
搜索到
1
篇与
的结果
2013-02-18
给网站添加 大中小字体设置
给文章添加大中小字体设置和打印功能,有利于提高网站的用户体验,倡萌最近在完成一个单子的过程中,偶然看到了实现方法,今天就一起来看看如何添加吧.添加大中小字体设置1.在</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> 2.注意代码中的“article_content”是指文章内容所在的ID,article_content请根据你自己主题的实际修改。3.在文章页面模板要显示设置的地方(比如WordPress主题的single.php文件),添加下面的代码.<a href="javascript:SetFont(18)">大</a> <a href="javascript:SetFont(16)">中</a> <a href="javascript:SetFont(14)">小</a>SetFont( )中的数字就是字体的大小,请根据自己需要修改。到这里,功能已经实现,剩下的就是通过css来设置 大中小 这三个字的显示方式了。来源:: http://www.cmhello.com/setfont-and-print.html
2013年02月18日
4,125 阅读
0 评论
0 点赞