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

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

dede 文章頁增加內(nèi)容字體大小選擇的功能的代碼

時(shí)間： 2018-12-01 10:11 閱讀： 次 作者：素材無憂網(wǎng)

為提高用戶體驗(yàn)，我們需要在文章頁增加一個(gè)文章內(nèi)容字體大小選擇的功能，以適應(yīng)不同用戶的需求。其實(shí)很簡(jiǎn)單，可以用js來實(shí)現(xiàn)這個(gè)功能。
具體方法如下：
第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)簽外面的div加上一個(gè)id=”content”，如下：
例如把織夢(mèng)默認(rèn)的文章內(nèi)容頁模板中的



  <div class=”content”>

改為



  <div id=”content” class=”content”>

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

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

轉(zhuǎn)載請(qǐng)注明： dede 文章頁增加內(nèi)容字體大小選擇的功能的代碼

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