javascript實現(xiàn)控制文字大中小顯示
更新時間：2015年04月28日 10:33:46 投稿：hebedich
網(wǎng)頁上可以自由改變字體大小是個非常有助于用戶體驗的小功能，現(xiàn)在許多網(wǎng)站上都有此功能，今天我們來簡單實現(xiàn)下。
部分網(wǎng)站內容頁通常會看到有控制文字分別以 大，中，小 三種方式顯示，下面就把這個小功能做一下記錄，對提高網(wǎng)站用戶體驗度還是有一些幫助的哦！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js控制文字大中小顯示</title>
</head>
<body>
<script language="javascript">
function setFontSize(objID,size){
document.getElementById(objID).style.fontSize=size+'px';
}
</script>
<div id="content">
<p>數(shù)據(jù)庫(主要是MySQL和Access數(shù)據(jù)庫),javascript,jquery,div+css,html,windows系統(tǒng),linux系統(tǒng)以及健康養(yǎng)生方面的學習筆記和生活經(jīng)驗積累!</p>
</div>
<a onclick="setFontSize('content',20)">大</a>
<a onclick="setFontSize('content',14)">中</a>
<a onclick="setFontSize('content',12)">小</a>
</body>
</html>
以上所述就是本文的全部內容了，希望大家能夠喜歡。
相關文章
2008-02-02
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)進度條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了利用JS實現(xiàn)簡單的日期選擇插件，文中實現(xiàn)兩種效果的日期選擇，一種是默認參數(shù)，點擊日期后直接選擇該日期，另一種是顯示按鈕來設置時間，有需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
這篇文章主要為大家介紹了uniapp獲取手機通知權限實現(xiàn)demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這兩天看書看到了函數(shù)式編程那節(jié)，感覺學到了挺多東西，之前看別人代碼都寫的挺漂亮，現(xiàn)在我寫的代碼是有點亂，所以還是要學習下別人的編程模式2017-03-03
eval與window.eval的差別分析，學習js的朋友可以了解下。2011-03-03
在javascript中有三種聲明變量的方式：var、let、const，這個是對新手們來說應該掌握的知識，所以這篇文章主要給大家介紹了關于如何通過5分鐘快速掌握JS中var，let和const的異同，需要的朋友可以參考下2018-09-09
本篇文章主要介紹了微信小程序中實現(xiàn)手指縮放圖片的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
JavaScript定時器setTimeout()和setInterval()詳解
這篇文章主要為大家詳細介紹了JavaScript定時器setTimeout()和setInterval()的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
javascript 數(shù)組(list)添加/刪除的實現(xiàn)
這篇文章主要介紹了javascript 數(shù)組(list)添加/刪除，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12