中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

網(wǎng)站文字字號“大、中、小”調(diào)節(jié)代碼

2018-11-01    來源:學(xué)做網(wǎng)站論壇

容器云強(qiáng)勢上線!快速搭建集群,上萬Linux鏡像隨意使用

很多網(wǎng)站在文章頁面上都有調(diào)節(jié)“大、中、小”字號的功能,可以讓用戶自由的調(diào)整文章字體大小,無疑是增加了用戶體驗(yàn)度,那這個(gè)小功能是怎么實(shí)現(xiàn)的呢?

網(wǎng)站添加用戶切換字體大小功能(適用wordpress,dedecms)

下面學(xué)做網(wǎng)站論壇就分享一下如何在自已建網(wǎng)站時(shí)制作出調(diào)節(jié)“大、中、小”功能的按鈕的二種方法。

方法一:網(wǎng)站添加用戶切換字體大小功能,親測有效噢!

方法二:使用JS代碼來控制文字大小。方法如下:

  1. 首先找到wordpress主題文件single.php,這個(gè)是用來控制網(wǎng)站每篇文章的顯示的哦!救绻銓ordpress模板不了解,先學(xué)習(xí)一下wordpress模板制作教程】
  2. 然后在文件中適當(dāng)?shù)奈恢锰砑影粹o代碼,比如你可以像騰訊新聞一樣,放在每篇文章標(biāo)題的下面。
    
    
    <div><a href="”javascript:doZoom(16)”"></a> <a href="”javascript:doZoom(18)”"></a> <a href="”javascript:doZoom(24)”"></a></div>
  3. 其次,只這樣是不夠的,還需要一些腳本驅(qū)動代碼實(shí)現(xiàn)效果,還是在同一個(gè)文件下,找一個(gè)適合的位置添加以下js代碼:(一般放在</body>標(biāo)簽上方。)
    
    
    <script type="”text/javascript”">// <![CDATA[
    function doZoom(size) { var zoom = document.all ? document.all[‘entry’] : document.getElementById(‘entry’); zoom.style.fontSize = size + ‘px'; }
    // ]]></script>
  4. 好了,現(xiàn)在上傳文件覆蓋點(diǎn)擊查看效果吧。

標(biāo)簽: 代碼 建網(wǎng)站 腳本

版權(quán)申明:本站文章部分自網(wǎng)絡(luò),如有侵權(quán),請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:FTP工具如何設(shè)置二進(jìn)制上傳

下一篇:dw軟件沒有合并單元格按鈕怎么解決