花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

織夢文章頁增加內(nèi)容字體大小選擇功能

時間: 2019-05-13 10:28 閱讀: 作者:素材無憂網(wǎng)

許多時候,我們需要在文章頁增加一個文章內(nèi)容字體大小選擇的功能,以適應(yīng)不同用戶的需求。下面Darren就告訴大家用js來實現(xiàn)這個功能。具體方法如下:

第1步、把以下代碼放到內(nèi)容頁模板的<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)容頁模板調(diào)用文章內(nèi)容的標(biāo)簽外面的p加上一個id=”content”,如下:

例如把織夢默認(rèn)的文章內(nèi)容頁模板中的

<p class=”content”>

改為

<p id=”content” class=”content”>

修改完成后生成文章即可。

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 織夢文章頁增加內(nèi)容字體大小選擇功能

標(biāo)簽:  
相關(guān)文章
模板推薦