<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> 用onclick事件实现改变文章字体大小</TITLE>
</HEAD>
<BODY id = pgcontent class = nfont>
<div class = cdiv>
<span οnclick= "pgcontent.className='bfont';">大字体</span> |
<span οnclick= "pgcontent.className='nfont';">中字体</span> |
<span οnclick= "pgcontent.className='sfont';">小字体</span>
</div>
<p>点击上面的“大字体”,“中字体”,“小字体”,可以相应改变字体大小。</p>
</BODY>
</HTML>
所有评论(0)