一般站長朋友們在設(shè)置文章內(nèi)容頁的正文字體樣式的時(shí)候，都會(huì)選擇使用css樣式表來對字體樣式進(jìn)行控制和設(shè)置，雖然使用css樣式表來設(shè)置字體的操作很簡單和方便，但凡事都分有利和有弊，而css樣式表有時(shí)也會(huì)遇到瓶頸的情況，所以今天無憂主機(jī)小編要教給大家另一個(gè)可以控制zblog文章內(nèi)容頁正文的字體樣式的方法——通過js代碼來控制文章內(nèi)容頁正文字體的大小。 首先我們需要找到zblog程序里的模板文件，post-single.php這個(gè)文件，然后用網(wǎng)頁編輯工具打開這個(gè)文件，在這里面添加一段js代碼，其js代碼如下：

<SCRIPT language=JavaScript>function doZoom(size){document.getElementById('zi').style.fontSize=size+'pt'}</SCRIPT>

以上代碼中的“getElementById('zi')”里的屬性值“zi”需要替換一下，替換成文章正文內(nèi)容的div標(biāo)簽的ID。 然后再次用網(wǎng)頁編輯工具打開模板文件post-single.php文件，找到合適的位置在里面添加一段html的網(wǎng)站源碼，其網(wǎng)站源碼如下：

選擇字號(hào)： <A href="javascript:doZoom(12.5)">超大</A> <A href="javascript:doZoom(10.5)">標(biāo)準(zhǔn)</A>

以上源碼中的“javascript:doZoom(12.5)”里的屬性值“12.5”代表的就是字體的大小，以像素為單位，可以根據(jù)自己的實(shí)際情況進(jìn)行修改，改成合適的大小，然后保存。刷新一下網(wǎng)站的數(shù)據(jù)，然后就可以在網(wǎng)站的前臺(tái)看到實(shí)際的效果了。 無憂主機(jī)相關(guān)文章推薦閱讀： ZBLOG設(shè)置炫彩TAG的方法 從代碼內(nèi)部實(shí)現(xiàn)ZBLOG內(nèi)容頁描述的方法 ZBLOG分類頁和內(nèi)容頁分別調(diào)用當(dāng)前欄目內(nèi)容的標(biāo)簽

本文地址：http://www.gle-technology.com/zblog/21164.html

上一篇: zblog程序升級后發(fā)表文章報(bào)錯(cuò)原因
下一篇: 如何使ecshop顯示物流跟蹤包裹查詢信息