l 此网页是模拟《非诚勿扰》节目的男嘉宾选心动女生的环节
l 鼠标移到女嘉宾照片上，就代表看过该女生
l 鼠标移到女嘉宾照片上停留的时间，系统会累加，以便最后计算出，哪个女嘉宾被看的时间长或短
l 点选[所有看过的女生]或[所有没看过的女生]，弹出对话框列出都有几号女嘉宾
l 点选[看的时间最长的女生]或[看的时间最短的女生]，弹出对话框列出都有几号女嘉宾
l 猜一下心动女生后，最后请男嘉宾选择真正的心动女生，男嘉宾选择完心动女生后，接着跟猜出的心动女生比较，弹出对话框，说明是否猜对
<!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>
<script>
var startTime;
var endTime;
var arr1=new Array();//名称数组
var arr2=new Array();//时间数组
function on_MouseOver(ctrl){
startTime=new Date();
var name=ctrl.name;
arr1.push(name);
}
function on_MouseOut(){
endTime=new Date();
var time=(endTime.getMinutes()-startTime.getMinutes())+"分"+(endTime.getSeconds()-startTime.getSeconds())+"秒";
arr2.push(time);
}
function see(){
var name="";
for(int i=0;i<arr1.length;i++){
name+=arr1[i];
}
alert(name);
}
function nosee(){
var arr3=new Array();
for(int i=0;i<arr1.length;i++){
if(arr1[i]!="1号女嘉宾"){
arr3.push("1号女嘉宾");
}
if(arr1[i]!="2号女嘉宾"){
arr3.push("2号女嘉宾");
}
if(arr1[i]!="3号女嘉宾"){
arr3.push("3号女嘉宾");
}
if(arr1[i]!="4号女嘉宾"){
arr3.push("4号女嘉宾");
}
if(arr1[i]!="5号女嘉宾"){
arr3.push("5号女嘉宾");
}
}
}
function LongTime(){
var maxTime=arr2[0];
for(int i=1;i<arr2.length;i++){
if(maxTime<arr2[i]){
maxTime=arr2[i];
}
}
}
function ShortTime(){
var minTime=arr2[0];
for(int i=1;i<arr2.length;i++){
if(minTime<arr2[i]){
minTime=arr2[i];
}
}
}
function on_change(){
var sele1=document.form1.caice.value;
var sele2=document.form1.xuanze.value;
if(sele1==sele2){
alert("猜对了");
}else{
alert("猜错了");
}
}
</script>
</head>
<body>
<table cellspacing="8">
<form action="" method="post" name="form1">
<tr>
<td><div><img src="../07.浏览器核心对象课后作业/img/lx01/female_1.jpg" width="90" onmouseover="on_MouseOver(this)" onmouseout="on_MouseOut()" name="1号女嘉宾" id="1"/></td>
<td><img src="../07.浏览器核心对象课后作业/img/lx01/female_2.jpg" onmouseover="on_MouseOver(this)" onmouseout="on_MouseOut()" name="2号女嘉宾" id="2"/></td>
<td><img src="../07.浏览器核心对象课后作业/img/lx01/female_3.jpg" height="119" onmouseover="on_MouseOver(this)" onmouseout="on_MouseOut()" name="3号女嘉宾" id="3"/></td>
<td><img src="../07.浏览器核心对象课后作业/img/lx01/female_4.jpg" onmouseover="on_MouseOver(this)" onmouseout="on_MouseOut()" name="4号女嘉宾" id="4"/></td>
<td><img src="../07.浏览器核心对象课后作业/img/lx01/female_5.jpg" height="127" onmouseover="on_MouseOver(this)" onmouseout="on_MouseOut()" name="5号女嘉宾" id="5"/></td>
</tr>
<tr align="center">
<td height="14"><font size="1">1号女嘉宾</font></td>
<td><font size="1">2号女嘉宾</font></td>
<td><font size="1"> 3号女嘉宾</font></td>
<td><font size="1">4号女嘉宾</font></td>
<td><font size="1">5号女嘉宾</font></td>
</tr>
<tr height="40"></tr>
<tr>
<td height="172"></td>
<td></td>
<td align="center"><p><img src="../07.浏览器核心对象课后作业/img/lx01/male_1.jpg"/><br />
<font size="1">1号男嘉宾</font><br /> </p>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="3">
<input type="button" value="所有看过的女生" onclick="see()"/>
<input type="button" value="所有没看过的女生" onclick="noSee()"/>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="3">
<input type="button" value="看的时间最长的女生" onclick="LongTime()"/>
<input type="button" value="看的时间最短的女生" onclick="ShortTime()"/>
<br />
<td></td>
</tr>
<tr>
<td></td>
<td colspan="3">
猜猜看他的心动女生会是谁呢
<select name="caice">
<option value="1" selected="selected">请选择</option>
<option value="2">1号女嘉宾</option>
<option value="3">2号女嘉宾</option>
<option value="4">3号女嘉宾</option>
<option value="5">4号女嘉宾</option>
<option value="6">5号女嘉宾</option>
</select>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="3"><p><font color="#990099">请男嘉宾选择心动女生 </font>
<select name="xuanze" onchange="on_change()">
<option value="1" selected="selected">请选择</option>
<option value="2"><font color="#990099">1号女嘉宾</font></option>
<option value="3"><font color="#990099">2号女嘉宾</font></option>
<option value="4"><font color="#990099">3号女嘉宾</font></option>
<option value="5"><font color="#990099">4号女嘉宾</font></option>
<option value="6"><font color="#990099">5号女嘉宾</font></option>
</select>
</p>
<td></td>
</tr>
</form>
</table>
</body>
</html>
不知道报错函数没有定义，什么意思