欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2015年04月28日 10:33:46   投稿:hebedich  
網(wǎng)頁上可以自由改變字體大小是個(gè)非常有助于用戶體驗(yàn)的小功能,現(xiàn)在許多網(wǎng)站上都有此功能,今天我們來簡(jiǎn)單實(shí)現(xiàn)下。

部分網(wǎng)站內(nèi)容頁通常會(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ù)庫(主要是MySQL和Access數(shù)據(jù)庫),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)文章

  • JavaScript實(shí)現(xiàn)進(jìn)度條效果

    JavaScript實(shí)現(xiàn)進(jìn)度條效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)進(jìn)度條效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • 利用JS實(shí)現(xiàn)簡(jiǎn)單的日期選擇插件

    利用JS實(shí)現(xiàn)簡(jiǎn)單的日期選擇插件

    這篇文章主要介紹了利用JS實(shí)現(xiàn)簡(jiǎn)單的日期選擇插件,文中實(shí)現(xiàn)兩種效果的日期選擇,一種是默認(rèn)參數(shù),點(diǎn)擊日期后直接選擇該日期,另一種是顯示按鈕來設(shè)置時(shí)間,有需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-01-01
  • uniapp獲取手機(jī)通知權(quán)限實(shí)現(xiàn)demo

    uniapp獲取手機(jī)通知權(quán)限實(shí)現(xiàn)demo

    這篇文章主要為大家介紹了uniapp獲取手機(jī)通知權(quán)限實(shí)現(xiàn)demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-07-07
  • js 函數(shù)式編程學(xué)習(xí)筆記

    js 函數(shù)式編程學(xué)習(xí)筆記

    這兩天看書看到了函數(shù)式編程那節(jié),感覺學(xué)到了挺多東西,之前看別人代碼都寫的挺漂亮,現(xiàn)在我寫的代碼是有點(diǎn)亂,所以還是要學(xué)習(xí)下別人的編程模式
    2017-03-03
  • eval與window.eval的差別分析

    eval與window.eval的差別分析

    eval與window.eval的差別分析,學(xué)習(xí)js的朋友可以了解下。
    2011-03-03
  • 5分鐘快速掌握J(rèn)S中var、let和const的異同

    5分鐘快速掌握J(rèn)S中var、let和const的異同

    在javascript中有三種聲明變量的方式:var、let、const,這個(gè)是對(duì)新手們來說應(yīng)該掌握的知識(shí),所以這篇文章主要給大家介紹了關(guān)于如何通過5分鐘快速掌握J(rèn)S中var,let和const的異同,需要的朋友可以參考下
    2018-09-09
  • 微信小程序中實(shí)現(xiàn)手指縮放圖片的示例代碼

    微信小程序中實(shí)現(xiàn)手指縮放圖片的示例代碼

    本篇文章主要介紹了微信小程序中實(shí)現(xiàn)手指縮放圖片的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-03-03
  • JavaScript定時(shí)器setTimeout()和setInterval()詳解

    JavaScript定時(shí)器setTimeout()和setInterval()詳解

    這篇文章主要為大家詳細(xì)介紹了JavaScript定時(shí)器setTimeout()和setInterval()的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • javascript 數(shù)組(list)添加/刪除的實(shí)現(xiàn)

    javascript 數(shù)組(list)添加/刪除的實(shí)現(xiàn)

    這篇文章主要介紹了javascript 數(shù)組(list)添加/刪除,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12

最新評(píng)論