怎样用js 改变字体大小同时自动的改变颜色
1个回答
展开全部
<HTML>
<HEAD>
<STYLE type="text/css">
.bfont {font-size:20px;}
.nfont {font-size:16px;}
.sfont {font-size:12px;}
.cdiv {font-size:12px;}
.cdiv span {cursor:hand;text-decoration:underline;color:blue;}
</STYLE>
<TITLE>js改变字体大小</TITLE>
</HEAD>
<BODY id = pgcontent class = nfont>
<div class = cdiv>
<span onclick= "pgcontent.className='bfont';">大字体</span> |
<span onclick= "pgcontent.className='nfont';">中字体</span> |
<span onclick= "pgcontent.className='sfont';">小字体</span>
</div>
<p>点击上面的“大字体”，“中字体”，“小字体”，可以相应改变字体大小。</p>
</BODY>
</HTML>
如果要修改颜色可以直接改样式就可以了。比如：
.bfont {font-size:20px;}可以改成：
.bfont {font-size:20px;color:blue;}
<HEAD>
<STYLE type="text/css">
.bfont {font-size:20px;}
.nfont {font-size:16px;}
.sfont {font-size:12px;}
.cdiv {font-size:12px;}
.cdiv span {cursor:hand;text-decoration:underline;color:blue;}
</STYLE>
<TITLE>js改变字体大小</TITLE>
</HEAD>
<BODY id = pgcontent class = nfont>
<div class = cdiv>
<span onclick= "pgcontent.className='bfont';">大字体</span> |
<span onclick= "pgcontent.className='nfont';">中字体</span> |
<span onclick= "pgcontent.className='sfont';">小字体</span>
</div>
<p>点击上面的“大字体”，“中字体”，“小字体”，可以相应改变字体大小。</p>
</BODY>
</HTML>
如果要修改颜色可以直接改样式就可以了。比如：
.bfont {font-size:20px;}可以改成：
.bfont {font-size:20px;color:blue;}
参考资料： http://www.sosuo8.com/article/show.asp?id=2175
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
