POST TIME:2017-11-13 00:57
許多時(shí)候，我們需要在文章頁(yè)增加一個(gè)文章內(nèi)容字體大小選擇的功能，以適應(yīng)不同用戶的需求。下面Darren就告訴大家用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”>
修改完成后生成文章即可。
| ? |
|
|
|
|||||||||||||||
| 全國(guó)咨詢熱線 | |||||||||||||||||
| 400-1100-266 | |||||||||||||||||
| 在線客服( QQ：340506921 ) | |||||||||||||||||
 |
|||||||||||||||||
