改变网页文章字体大小

最新推荐文章于 2023-05-17 20:25:43 发布

Start20131218

最新推荐文章于 2023-05-17 20:25:43 发布

阅读量867

点赞数

分类专栏： java web 文章标签：字体用户体验 javascript

本文链接：https://blog.csdn.net/cs19920/article/details/17769643

版权

java web 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

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

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