很多門戶和一些技術性網站都有這個功能,那就是文章頁有一個瀏覽文字大小的功能,大中小三號,大16,中14,小12,今天烈火網小編發的教程適合于所有cms,修改方法和代碼如下:
1.在內容模板的頭部里加入下面的代碼:
以下為引用的內容:
<script type="text/javascript">
function FontZoom(fsize){
var ctext = document.getElementById("contents");
ctext.style.fontSize = fsize +"px";
}
</script>
2.把你想要改變字體大小的內容部分加上id名。如:<div id="contents"> 烈火網提示:這里是通用標簽,例如帝國的內容標簽是:[!--newstext--]DedeCMS的內容標簽是:{dede:field.body/}</div>。
3.在你想要放控制按鈕的地方放入下面的代碼:
以下為引用的內容:
字體:【<a href='javascript:FontZoom(16)'>大</a> <a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>】
16,14,12就是字號的大小,可以修改為你想要的數字。