POST TIME:2017-11-13 00:24
織夢文章頁增加內容字體大小選擇的功能?許多時候,我們需要在文章頁增加一個文章內容字體大小選擇的功能,以適應不同用戶的需求。下面Darren就告訴大家用js來實現這個功能。具體方法如下:
第1步、把以下代碼放到內容頁模板的<head></head>標簽之間。
<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步、把內容頁模板調用文章內容的標簽外面的div加上一個id=”content”,如下:
例如把織夢默認的文章內容頁模板中的
<div class=”content”>
改為
<div id=”content” class=”content”>
修改完成后生成文章即可。