<script language="javascript">
var min=17,max=30 //min表示最低温度，max表示最高温度
function InitTemp() //初始化温度
{
var temp=document.getElementById("temperature");
CreateImgTemp(temp.value);
}
function ChgTemp(diff)
{
var temp=document.getElementById("temperature");
var val=eval(temp.value);
if (diff<0&&val>min) //如果diff<0即是减温操作，且当前温度大于最小温度时当前温度减1
val--;
if (diff>0&&val<max) //如果diff>0即是加温操作，且当前温度小于最大温度时当前温度加1
val++;
temp.value=val.toString(); //记录更改后的当前温度
CreateImgTemp(val.toString()); //生成图片并显示
}
function CreateImgTemp(val)
{
var str="";
for (var i=0;i<val.length;i++)
{
str+='<img src="images/temp_'+val.indexOf(i)+'.gif">'; //根据当前温度生成图片，数字0～9分别对应图片temp_0~9.gif
}
document.all.ImgTemp.innerHTML=str; //在div层中写入html代码以显示图片
}
</script>
<body onload="InitTemp()">
<input type="hidden" id="temperature" value="20"> //隐藏字段，用来记录当前温度，初始为20
<input type="button" value="+" onClick="ChgTemp(1)"> //温度加1
<input type="button" value="-" onClick="ChgTemp(-1)"> //温度减1
<div id="ImgTemp"></div> //放温度图片的div
[此贴子已经被作者于2006-8-22 23:02:29编辑过]
