精華帝國PHP系統CMS內容頁自定義改變字體大小的js代碼

本帖最后由管理員于9 個月前編輯只看Ta 樓主

                        <p>改變內容頁字號大小的方法有很多種，下面講一個簡單的JS代碼實現功能的。</p>

首先在內容模板的頭部<head></head>里加入下面的代碼：

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代碼方法。

回復

精華 帝國PHP系統CMS內容頁自定義改變字體大小的js代碼