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

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

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

方法二：使用JS代碼來(lái)控制文字大小。方法如下：

1. 首先找到wordpress主題文件single.php，這個(gè)是用來(lái)控制網(wǎng)站每篇文章的顯示的哦�！救绻�你對(duì)wordpress模板不了解，先學(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ū)動(dòng)代碼實(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)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。