您的位置：首页 > Web前端 > JavaScript

改变网页文章字体大小

2014-01-02 23:52 260 查看

在项目开发中我们不得不考虑用户体验。今天我就来说说改变网页字体大小来改变用户体验。请看代码：

<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>

当然，改变字体颜色、字体样式等等都是类似的方式。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 字体用户体验 javascript

相关文章推荐

新的分享

章节导航