用onclick事件实现文章可用大字体中字体小字体显示网页教程
2006-07-27 15:24
417 查看
<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>
<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事件实现改变文章字体大小
- 用src属性动态替换图片;图片预加载---鼠标事件实现图片翻转效果;随机显示图片和onClick事件
- 使用frame框架,实现一个网页显示多个界面使用js语言,实现事件响应
- JS实现文章中显示内容字体 大 中 小 的显示效果
- 实现精美网页字体的CSS工具和教程推荐
- 使用touch事件实现手机网页右侧菜单栏拖动显示隐藏
- 通过application实现网页登陆用户数显示的demo
- 如何用C的CGI实现网页的分页显示功能?
- Android开发中onClick事件的几种实现,分析,对比
- 如何用js实现在网页上显示时间
- [教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下
- php中长文章分页显示实现代码
- delphi中关于dbgrideh的DrawColumnCell事件,窗体重画,让每个单元格以及字体显示不同的颜色
- JS实现网页标题栏显示当前时间和日期的完整代码
- java resteasy restful webservice教程(六):实现文件下载功能实例文章来源:爱上123 原文地址:http://www.ishang123.com/jishubowen/
- Highmaps网页图表教程之绘图区显示标签显示数据标签定位
- 简单用js实现网页时间的实时显示
- Android开发中4种Onclick事件的实现
- 实现HMTL网页的全屏幕显示或模态显示 (JS代码)