精華帝國PHP系統(tǒng)CMS內(nèi)容頁自定義改變字體大小的js代碼

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

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

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

function FontZoom(fsize){

var ctext = document.getElementById("news");

ctext.style.fontSize = fsize +"px";

}

</script>

定制框架把你想要改變字體大小的內(nèi)容部分加上id名。如： <div id="news">[!--newstext--]</div>

在適當(dāng)位置放控制按鈕方便用戶點(diǎn)擊代碼如下：

字體：【<a href='javascript:FontZoom(16)'>大</a> <a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>】

16,14,12就是字號的大小，可以根據(jù)實(shí)際情況修改為自己所要展示的字號大小。

以上就是帝國php系統(tǒng)內(nèi)容頁模板點(diǎn)擊改變字體大小的js代碼方法。

回復(fù)

精華 帝國PHP系統(tǒng)CMS內(nèi)容頁自定義改變字體大小的js代碼