用onclick事件实现改变文章字体大小
2012-03-16 16:28
363 查看
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用onclick事件实现文章可用大字体中字体小字体显示网页教程
- js如何改变文章的字体大小
- 改变字体大小实现自适应之js方案A
- javaScript小练习:实现文本字体大小的改变
- JQuery 改变页面字体大小的实现代码(实时改变网页字体大小)
- 怎么改变Treeview中的图标? OnClick事件Click获取Node.text 批量处理及实现TreeView结点拖拽的实例
- swt中改变表格字体大小及颜色的实现
- jquery实现改变显示的文字的背景色和字体大小
- js实现动态改变字体大小代码
- vc++ 单文档程序添加窗口移动事件（不是大小改变），以实现子窗口的伴随移动
- js改变文章字体大小的实例代码
- js实现浏览器窗口大小被改变时触发事件的方法
- 使用js如何改变一篇文章的字体的大小？
- 菜单选项OptionsMenu实现改变字体颜色和改变字体大小的功能
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- [置顶] js 控制文章中字体的大小，mootools实现
- js如何改变文章的字体大小
- js实现动态改变字体大小代码
- 改变网页文章字体大小
- jquery更换文章内容与改变字体大小代码