<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>

转载于:https://www.cnblogs.com/bisonjob/archive/2006/07/27/461097.html

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐