为网页增加文字大小控制
Blog又做出了一点小变化，在左侧的固定图标增加了两个按钮，用来放大和缩小网页的字符。方法如下：
1. 在网页的
部分加入如下代码，WordPress用户编辑header.php文件- <script language="JavaScript" type="text/javascript">
- function changeFontSize(inc)
- {
- var p = document.getElementsByTagName('p');
- for(n=0; n<p.length; n++) {
- if(p[n].style.fontSize) {
- var size = parseInt(p[n].style.fontSize.replace("px", ""));
- } else {
- var size = 12;
- }
- p[n].style.fontSize = size+inc + 'px';
- }
- }
- </script>
2. 在网页调用的地方加入如下代码：
- <a href="javascript:changeFontSize(1)">Increase Font Size</a>
- <a href="javascript:changeFontSize(-1)">Decrease Font Size</a>
两行代码分别为放大和缩小页面文字，可以替换“Increase/ Decrease Font Size”为图片地址。