|
許多時(shí)候，我們需要在文章頁(yè)增加一個(gè)文章內(nèi)容字體大小選擇的功能，以適應(yīng)不同用戶的需求。下面織夢(mèng)技術(shù)研究中心就告訴大家用js來(lái)實(shí)現(xiàn)這個(gè)功能。具體方法如下：
第1步、把以下代碼放到內(nèi)容頁(yè)模板的<head></head>標(biāo)簽之間。
<script Language="JavaScript">function FontZoom(fsize){var ctext = document.getElementById("content");ctext.style.fontSize = fsize +"px";}</script>
第2步、在需要顯示字體大小選擇的地方放上以下代碼：
<small>字體：</small> [<a href='javascript:FontZoom(16)'>大</a> <a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>]
第3步、把內(nèi)容頁(yè)模板調(diào)用文章內(nèi)容的標(biāo)簽外面的div加上一個(gè)id="content"，如下：
例如把織夢(mèng)默認(rèn)的文章內(nèi)容頁(yè)模板中的
<div class="content">
改為
<div id="content" class="content">
修改完成后生成文章即可。
|
