<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery更换文章内容与改变字体大小-www.jb200.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>
