在項目開發中我們不得不考慮用戶體驗。今天我就來說說改變網頁字體大小來改變用戶體驗。請看代碼:
<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>
當然,改變字體顏色、字體樣式等等都是類似的方式。