為文章頁添加用戶選擇字體大小功能
操作注意：1.一定不要使用記事本編輯php文件，否則一切后果自負(fù)?。⊥扑]使用UltraEdit，Dreamweaver等。2.如果對于修改代碼不是很有把握，請預(yù)先備份好原來的文件，否則后果依舊自負(fù)??！3.復(fù)制本文的代碼，如果是全角符號，請自行改為半角符號，切記??！為文章添加用戶選擇字體大小功能(以WordPress為例)：
- ①在<head></head>標(biāo)記之間添加以下代碼：
<SCRIPT type=text/javaScript> function doZoom(size){ document.getElementById('zoom').style.fontSize=size+'px'} </SCRIPT>
（注：標(biāo)記一般位于頭部文件head.php中）
②在需要顯示“字體：大 中 小”的地方添加以下代碼：
字體：<a href="javascript:doZoom(18)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
（注：這里一般是在文章頁single.php進行修改；具體的顯示效果可根據(jù)模板進行適當(dāng)修改；上面代碼中的數(shù)字18、14、12表示字體大小）
③在文章內(nèi)容標(biāo)記 <?php the_content(); ?> 前后添加屬性，改成以下代碼：
<span id="zoom" style="font-size:14px;"> <?php the_content(); ?> </span>
（注：這里一般是在文章頁single.php進行修改；上面的代碼表示默認(rèn)字體大小為14px）好了，到這里為止，你的博客也擁有字體大小選擇功能啦。
信息科技 2010-12-23 23:30:33 通過 網(wǎng)頁 瀏覽(3475) 打印