改變網頁文章字體大小

在項目開發中我們不得不考慮用戶體驗。今天我就來說說改變網頁字體大小來改變用戶體驗。請看代碼:

<title>改變文章字體</title>
<style type="text/css"> 
*{margin:0;padding:0;text-align:center;}
.size{margin:10px auto;}
.content{margin:20px auto;width:80%;}
</style>
</head>


<body>
<script type="text/javascript">
function changeSize(size){
document.getElementById('cont').style.fontSize = size+'px';
}
</script>
<div class="size">字體大小 <a href="javascript:changeSize(18)">大</a> 
    <a href="javascript:changeSize(14)">中</a> 
    <a href="javascript:changeSize(10)">小</a>
    </div>
   
  <div class="content" id="cont">
    重要的: 在jQuery 1.4,如果JSON文件包含一個語法錯誤,該請求通常會靜靜的失敗。避免頻繁手工編輯JSON數據就是這個原因。JSON是一種與語法規則比JavaScript的對象文字符號更加嚴格的數據交換格式。例如,所有在JSON字符串表示,無論是屬性或值,必須用雙引號括起來。例如,所有在JSON字符串表示,無論是屬性或值,必須用雙引號括起來。爲了將JSON格式的細節上,看到http://json.org/ 。
    </div>
</body>

當然,改變字體顏色、字體樣式等等都是類似的方式。

發佈了25 篇原創文章 · 獲贊 1 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章