javascript動態設定字型的大小程式碼例項
在很多網頁中都有一種比較人性化的操作,就是點選按鈕可以設定網頁的字型大小,可以滿足不同人群的需求,下面介紹一下如何利用javascript設定網頁的字型大小,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function changeFontSize(fontStyle) { var divNode=document.getElementsByTagName("div")[0]; divNode.style.fontSize=fontStyle; } </script> </head> <body> <a href="javascript:void(0)" onclick="changeFontSize('20px')" class="max">大號</a> <a href="javascript:void(0)" onclick="changeFontSize('16px')" class="moren">中號</a> <a href="javascript:void(0)" onclick="changeFontSize('12px')" class="min">小號</a> <div>螞蟻部落歡迎您</div> </body> </html>
以上程式碼實現了我們的要求,可以對字型大小進行設定,程式碼比較簡單這裡就不多介紹了。
相關文章
- jQuery實現設定字型大小程式碼例項jQuery
- JavaScript動態設定文字字型大小JavaScript
- javascript動態設定元素的樣式簡單程式碼例項JavaScript
- javascript動態設定select下拉選單字型大小JavaScript
- 移動端字型大小自適應程式碼例項
- javascript實現的動態設定元素透明度程式碼例項JavaScript
- jquery動態設定元素的尺寸程式碼例項jQuery
- javascript動態建立元素程式碼例項JavaScript
- 淺扒Android動態設定字型大小Android
- css設定placeholder字型顏色程式碼例項CSS
- 動態載入javascript指令碼程式碼例項JavaScript指令碼
- javascript動態操作table表格程式碼例項JavaScript
- js動態設定元素透明度程式碼例項JS
- jquery動態設定為元素樣式程式碼例項jQuery
- js動態設定元素css樣式程式碼例項JSCSS
- 動態引入外部javascript檔案程式碼例項JavaScript
- javascript獲取視窗大小例項程式碼JavaScript
- javascript設定cookie立即過期程式碼例項JavaScriptCookie
- javascript設定或者獲取cookie程式碼例項JavaScriptCookie
- css設定連結a的狀態的例項程式碼CSS
- javascript動態修改單元格內容程式碼例項JavaScript
- javascript動態載入css檔案程式碼例項JavaScriptCSS
- javascript動態建立並執行css程式碼例項JavaScriptCSS
- javascript設定cookie立馬過期程式碼例項JavaScriptCookie
- javascript設定和獲取cookie值程式碼例項JavaScriptCookie
- javascript動態實現的表單提交效果程式碼例項JavaScript
- javascript動態刪除和新增表格行程式碼例項JavaScript行程
- 直播軟體開發,通過js動態設定字型大小JS
- JavaScript浮動廣告程式碼例項JavaScript
- JavaScript運動框架程式碼例項JavaScript框架
- javascript檢測上傳圖片大小程式碼例項JavaScript
- ImageView 動態設定大小View
- javascript實現的動態載入css檔案程式碼例項JavaScriptCSS
- javascript的for in例項程式碼JavaScript
- CSS如何設定字型的大小CSS
- javascript動態改變iframe元素src屬性程式碼例項JavaScript
- javascript動態建立指定行與列table表格程式碼例項JavaScript
- javascript動態刪除或者新增table表格行程式碼例項JavaScript行程