改变字体(html,css,javascript)
2012-03-21 16:55
489 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.max{
font-size:28px;
color:red;
background-color:#9F9;
}
.norm{
font-size:16px;
color:green;
background-color:#F96;
}
.min{
font-size:10px;
color:yellow;
background-color:#99C;=
}
</style>
<script type="text/javascript">
function changfont(size){
var divnode=document.getElementById("newid");
//divnode.style.fontSize=size+"px";
divnode.className=size;
}
</script>
</head>
<body>
<h2>新闻标题</h2>
<a href="javascript:void(0)" onclick="changfont('max')">大</a>
<a href="javascript:void(0)" onclick="changfont('norm')">中</a>
<a href="javascript:void(0)" onclick="changfont('min')">小</a>
<hr />
<div id="newid" class="max">
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
</body>
</html>
相关文章推荐
- JavaScript HTML DOM - 改变 CSS
- JavaScript HTML DOM - 改变CSS
- JavaScript HTML DOM – 改变 CSS
- JavaScript HTML DOM---遗漏知识再整理(向html添加/删除元素,改变内容和css)
- Web开发技术——JavaScript HTML DOM1(基础、改变HTML、改变CSS)
- JavaScript HTML DOM - 改变 HTML 改变 CSS
- JavaScript HTML DOM - 改变 CSS 及元素属性
- 关于Html,Css,JavaScript知识点的简单梳理
- html+div+css+jquery+javascript的关系
- HTML+CSS+JavaScript完成滚动栏效果
- 剔除html中style,javascript,css代码
- 学习html&css&JavaScript记录
- html、css、javaScript练习题
- 2048 Web游戏 基于HTML+CSS+JavaScript
- Notepad++ 配置 支持jquery、html、css、javascript、php代码提示
- Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么?
- HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)
- javascript:改变css
- eclipse aptana插件 —— 【javascript|html|css|jquery|…】自动提示
- Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置