hhh

题目一

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			function sumbit() {
				<!--获取并弹窗-->
				var name = document.getElementById("name").value;
				var sex;
				var tmp1 = document.getElementsByName("sex");
				for (var i = 0; i < tmp1.length; i++) {
				    if (tmp1[i].checked) {
						sex = tmp1[i].value;
				    }
				}
				var hobby = [];
				var tmp2 = document.getElementsByName("hobby");
				for(var i = 0; i < tmp2.length; i++) {
				    if (tmp2[i].checked)
					{
						hobby.push(tmp2[i].value);
					}
				}
				alert("姓名：" + name + "\n性别：" + sex + "\n爱好：" + hobby);
			}
		</script>
	</head>
	<body>
		<!--主体 -->
		<p align="left">  号- 班- </p>
		姓名：<input type="text" name="" id="name" />
		<br>
		性别：
		<input type="radio" name="sex" value="男" />男
		<input type="radio" name="sex" value="女" />女
		<br>
		爱好：
		<input type="checkbox" name="hobby" value="篮球" />篮球
		<input type="checkbox" name="hobby" value="足球" />足球
		<input type="checkbox" name="hobby" value="游泳" />游泳
		<input type="checkbox" name="hobby" value="跑步" />跑步
		<br>
		<input type="button" name="" id="" value="提交" onclick="sumbit()"/>
	</body>
</html>

2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#butterfly {
				position: absolute;
				left: 0px;
				top: 0px;
				display: block;
			}
		</style>
				<!-- 定义轴向-->
		<script type="text/javascript">

			var x = 0;
			var y = 0;
			
			function fly() {
				var butterfly = document.getElementById("butterfly");
			if (x >= 0 && y == 0) {x += 10;}	
				if (x >= 0 && y == 0) {x += 10;}
				if (x == 600 && y >= 0) {y += 10;}
				if (x <= 600 && y == 640) {x -= 10;}
				if (x == 0 && y <= 640) {y -= 10;}
				
				butterfly.style.left = x + "px";
				butterfly.style.top = y + "px";
			}
				
			setInterval("fly()","45");
		</script>
	</head>
	<body>
		<p align="left">  - 班- </p>
		<img src="./img/背景.jpg" width="650px" height="640px"/>
		<img id="butterfly" src="./img/蝴蝶.gif" />
	</body>
</html>