精華 帝國PHP系統CMS內容頁自定義改變字體大小的js代碼
<p>改變內容頁字號大小的方法有很多種,下面講一個簡單的JS代碼實現功能的。</p>
首先在內容模板的頭部<head></head>里加入下面的代碼:
<script type="text/javascript">
function FontZoom(fsize){
var ctext = document.getElementById("news");
ctext.style.fontSize = fsize +"px";
}
</script>
定制框架把你想要改變字體大小的內容部分加上id名。如: <div id="news">[!--newstext--]</div>
在適當位置放控制按鈕方便用戶點擊代碼如下:
字體:【<a href='javascript:FontZoom(16)'>大</a> <a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>】
16,14,12就是字號的大小,可以根據實際情況修改為自己所要展示的字號大小。
以上就是帝國php系統內容頁模板點擊改變字體大小的js代碼方法。