用onclick事件实现文章可用大字体中字体小字体显示网页教程

<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 onclick= "pgcontent.className='bfont';">大字体</span> |
<span onclick= "pgcontent.className='nfont';">中字体</span> |
<span onclick= "pgcontent.className='sfont';">小字体</span>
</div>

<p>点击上面的“大字体”,“中字体”,“小字体”,可以相应改变字体大小。</p>

</BODY>
</HTML>

posted @ 2006-07-27 15:24  吹吹风----NICK  阅读(555)  评论(0编辑  收藏  举报