1. 说明
一些对应html和js的简单应用。
在一个网页中,有三个按钮是小,中,大,使用JavaScript编写程序实现当点击一个按钮时,网页就按照相应的字体大小显示网页的文字。
2. 效果
3、代码
<!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" />
<link href="medium.css" rel="stylesheet" type="text/css" id="cssfile" />
<script language="JavaScript" src="change.js" type="text/javascript">
</script>
<title>控制字体大小</title>
</head>
<body>
<div >
<h1>控制器</h1><br/>
<div id="button">字体
<input id="button0" type="button" value="小" />
<input id="button1" type="button" value="中" />
<input id="button2" type="button" value="大" />
</div>
</div>
<div id="paragraph">
<ul >
<li><p style="color: brown;">我爱java</p></li>
<li><p style="color: red;">java不爱我</p></li>
<li><p style="color: skyblue;">爱太难了</p></li>
</ul>
<h1><p>学习的内容</p></h1>
<table border="1" bordercolor="#003300">
<tr>
<td><p>入门</p></td>
<td><p>初级</p></td>
<td><p>中级</p></td>
<td><p>高级</p></td>
</tr>
<tr>
<td><p>java 的基础知识</p></td>
<td><p>java 的核心内容</p></td>
<td><p>java 的高级特性</p></td>
<td><p>深入理解Java虚拟机</p></td>
</tr>
<tr>
<td><p>html,js,css,bootstrap</p></td>
<td><p>spring,springmvc,mybatis</p></td>
<td><p>ssm,springboot,redis</p></td>
<td><p>springcloud,分布式</p></td>
</tr>
</table>
</div>
</body>
</html>