用onclick事件实现改变文章字体大小

来源:互联网 发布:梦幻西游手游秒货软件 编辑:程序博客网 时间:2024/05/22 22:48
<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>