快捷導(dǎo)航

javascript實(shí)現(xiàn)控制文字大中小顯示

更新時(shí)間：2015年04月28日 10:33:46 投稿：hebedich

網(wǎng)頁(yè)上可以自由改變字體大小是個(gè)非常有助于用戶體驗(yàn)的小功能，現(xiàn)在許多網(wǎng)站上都有此功能，今天我們來(lái)簡(jiǎn)單實(shí)現(xiàn)下。

部分網(wǎng)站內(nèi)容頁(yè)通常會(huì)看到有控制文字分別以大，中，小三種方式顯示，下面就把這個(gè)小功能做一下記錄，對(duì)提高網(wǎng)站用戶體驗(yàn)度還是有一些幫助的哦！

<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ù)庫(kù)(主要是MySQL和Access數(shù)據(jù)庫(kù)),javascript,jquery,div+css,html,windows系統(tǒng),linux系統(tǒng)以及健康養(yǎng)生方面的學(xué)習(xí)筆記和生活經(jīng)驗(yàn)積累!</p> 
</div> 
<a onclick="setFontSize('content',20)">大</a> 
<a onclick="setFontSize('content',14)">中</a> 
<a onclick="setFontSize('content',12)">小</a> 
</body> 
</html>

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

利用JS十分鐘判斷數(shù)組中存在元素的多種方式
這篇文章主要給大家介紹了關(guān)于利用JS十分鐘判斷數(shù)組中存在元素的多種方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-03-03
JavaScript 動(dòng)態(tài)添加腳本，并觸發(fā)回調(diào)函數(shù)的實(shí)現(xiàn)代碼
JavaScript 動(dòng)態(tài)添加腳本，并觸發(fā)回調(diào)函數(shù)的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-01-01
JS ES新特性擴(kuò)展運(yùn)算符介紹
這篇文章主要介紹了JS ES新特性擴(kuò)展運(yùn)算符，下面文章圍繞ES新特性擴(kuò)展運(yùn)算符的相關(guān)資料展開(kāi)詳細(xì)內(nèi)容,需要的朋友可以參考一下，希望對(duì)大家有所幫助
2021-12-12
基于JS實(shí)現(xiàn)禁止查看源碼及獲取鍵盤(pán)的按鍵值
這篇文章主要介紹了基于JS實(shí)現(xiàn)禁止查看源碼及獲取鍵盤(pán)的按鍵值,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-02-02
小程序使用分包的示例代碼
這篇文章主要介紹了小程序使用分包的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-03-03
使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解
這篇文章主要介紹了使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-06-06
JS實(shí)現(xiàn)單個(gè)或多個(gè)文件批量下載的方法詳解
在前端Web開(kāi)發(fā)中，下載文件是一個(gè)很常見(jiàn)的需求。這篇文章就來(lái)和大家介紹下幾種download解決方案，以及特殊Case的最佳方案選擇，希望對(duì)大家有所幫助
2023-02-02
BootStrap glyphicons 字體圖標(biāo)實(shí)現(xiàn)方法
字體圖標(biāo)是在 Web 項(xiàng)目中使用的圖標(biāo)字體。接下來(lái)通過(guò)本文給大家介紹BootStrap glyphicons 字體圖標(biāo)實(shí)現(xiàn)方法，需要的朋友參考下
2016-05-05
微信小程序自定義復(fù)選框
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義復(fù)選框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
JS實(shí)現(xiàn)的楊輝三角【帕斯卡三角形】算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的楊輝三角【帕斯卡三角形】算法,結(jié)合實(shí)例形式分析了楊輝三角的原理及javascript實(shí)現(xiàn)楊輝三角的相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02