Javascript--练习，包括主界面图片轮播效果
练习一
例子1：做一个问题，如果输入的答案正确则弹出正确，错误弹出错误；
这里在text里面写了一个daan属性，里面存了答案的值，点击检查答案的时候cheak输入的内容和答案是否一样：
Body中代码：
<form>中华民国成立于哪一年？<input type="text" daan="1912年" value="" /></form>
JS中的代码：
function check()
{ var a=document.getElementById("t1");var a1=a.value;
var a2=a.getAttribute("daan");if(a1==a2)
{ alert("恭喜你答对了！");}
else
{ alert("笨蛋！");}
}
例子2： 同意按钮，倒计时10秒，同意按钮变为可提交的，这里用了操作属性：disabled，来改变按钮的状态，当disabled=”disabled”时按钮不可用。
body中的代码：
<form><input type="submit" /></form>
JS中的代码：
var n=10;var a= document.getElementById("b1");function bian(){n--;
if(n==0)
{ a.removeAttribute("disabled");a.value="同意";
return;
}
else
{a.value= "同意（"+n+"）";
window.setTimeout("bian()",1000);}
}
window.setTimeout("bian()",1000);例子3：展示图片的自动和手动切换；图片轮播
Body中的代码，做一个有背景图片的div和两侧的控制对象：
<div >
<div class="pages" ></div>
<div class="pages" ></div>
</div>
样式表中的代码：
<style type="text/css">
*{margin:0px auto;
padding:0px;
font-family:"微软雅黑";
}
#tuijian{width:760px;
height:350px;
background-repeat:no-repeat;
}
.pages{top:200px;
background-color:#000;
background-position:center;
background-repeat:no-repeat;
opacity: 0.4;
width: 30px;
height:60px;
}
#p1{background-image:url(imges/prev.png);
float:left;
margin:150px 0px 0px 10px;
}
#p2{background-image:url(imges/next.png);
float:right;
margin:150px 10px 0px 0px;
}
</style>
JS中的代码，这里主要是每隔3秒中调用一下huan（）函数，来将背景图片的样式修改，在点击左右切换的时候变为手动切换，自动切换停止：
<script language="javascript">
var jpg =new Array();
jpg[0]="url(imges/tj1.jpg)";
jpg[1]="url(imges/tj2.jpg)";
jpg[2]="url(imges/tj3.jpg)";
var tjimg = document.getElementById("tuijian");var xb=0;
var n=0;
function huan()
{xb++;
if(xb == jpg.length)
{xb=0;
}
tjimg.style.backgroundImage=jpg[xb];
if(n==0)
{ var id = window.setTimeout("huan()",3000);}
}
function dodo(m)
{ n=1;
xb = xb+m;
if(xb < 0)
{xb = jpg.length-1;
}
else if(xb >= jpg.length)
{xb = 0;
}
tjimg.style.backgroundImage=jpg[xb];
}
window.setTimeout("huan()",3000);</script>