jquery更换文章内容与改变字体大小的实现代码
发布时间：2015-11-17 编辑：jiaochengji.com
本文介绍下，jquery实现的更换文章内容与改变网页字体大小的一例代码，有需要的朋友一起研究下。
jquery更换文章内容与改变字体大小的方法。
例子：
复制代码 代码示例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery更换文章内容与改变字体大小-www.jbxue.com</title>
<script language="javascript" src="/js/jquery-1.7.2.js"></script>
<script>
//改变字体大小
$(document).ready(function(){
$('#big_font').click(function(){
$('.news_content').css({'font-size':'16px'});
});
$('#mid_font').click(function(){
$('.news_content').css({'font-size':'14px'});
});
$('#sma_font').click(function(){
$('.news_content').css({'font-size':'12px'});
});
});
</script>
</head>
<body>
<div id="content">
脚本学堂，提供丰富的脚本编程、网站编程、数据库等技术文章。
脚本学堂，提供丰富的脚本编程、网站编程、数据库等技术文章。
脚本学堂，提供丰富的脚本编程、网站编程、数据库等技术文章。
脚本学堂，提供丰富的脚本编程、网站编程、数据库等技术文章。
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery更换文章内容与改变字体大小-www.jbxue.com</title>
<script language="javascript" src="/js/jquery-1.7.2.js"></script>
<script>
//改变字体大小
$(document).ready(function(){
$('#big_font').click(function(){
$('.news_content').css({'font-size':'16px'});
});
$('#mid_font').click(function(){
$('.news_content').css({'font-size':'14px'});
});
$('#sma_font').click(function(){
$('.news_content').css({'font-size':'12px'});
});
});
</script>
</head>
<body>
<div id="content">
脚本学堂，提供丰富的脚本编程、网站编程、数据库等技术文章。
脚本学堂，提供丰富的脚本编程、网站编程、数据库等技术文章。
脚本学堂，提供丰富的脚本编程、网站编程、数据库等技术文章。
脚本学堂，提供丰富的脚本编程、网站编程、数据库等技术文章。
</div>
</body>
</html>
您可能感兴趣的文章：
jquery更换文章内容与改变字体大小代码
jquery更换文章内容与改变字体大小的实现代码
JQuery 改变页面字体大小的实现代码(实时改变网页字体大小)
学入分析css中px、em和rem单位区别
Jquery动态更改一张位图的src与Attr的使用
jQuery下通过replace字符串替换实现大小图片切换
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
2010年最佳jQuery插件整理
jQuery Content Slider
CSS3 等宽字体与ch单位的详解
[关闭]