jQuery更换文章内容与改变字体大小。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="/demo/js/jq.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>
<button id="big_font">大</button >
<button id="mid_font">中</button >
<button id="sma_font">小</button >
<div id="content" class="news_content">
jquery 文章内容字体大小更换与改变代码
jquery 文章内容字体大小更换与改变代码
jquery 文章内容字体大小更换与改变代码
jquery 文章内容字体大小更换与改变代码
</div>
</body>
</html>
网友评论文明上网理性发言 已有0人参与
发表评论: