1.會走的時鐘:
function myDate(){
var date =new Date()
var hour =date.getHours()
varminute=date.getMinutes()
varsecond=date.getSeconds()
if(hour<10)hour="0"+hour
if(minute<10)minute="0"+minute
if(second<10)second="0"+second
time1.innerHTML=hour+":"+minute+":"+second //要用innerHTML這個對象,絕對不能用document.write()後者是直接歇過來,沒有動態的走的過程,不然後面那個setTimeout就沒有用了。至於爲什麼是960不是1000我還沒搞清楚。
varctimer=setTimeout('myDate()',960);
}
2.變色的菜單:
很簡單,直接用onmouseover,onmouseout兩個內置對象調用兩個函數,函數用來改變顏色;
<html><head>
<script>
function color1(object){//改變顏色的方法,直接改變樣式的背景顏色
object.style.background="#ffffcc"
}
functioncolor2(object){
object.style.background="#99ffff"
}
</script></head><body>
<tablealign="center" style="background:none rgb(122,122,122)">
<tr><tdwidth="15%" align="center" style="background: none repeat scroll 0% 0% rgb(153, 255,255);" οnmοuseοver="color1(this)"οnmοuseοut="color2(this)"><a href="#">XXX</a></br>
//此處直接用onmouseover,onmouseout調用設定的方法即可。這裏有部分樣式的設置:align,width
Style中的background: rgb()這種寫法要學會~~
<tr><tdwidth="15%" align="center"οnmοuseοver="color1(this)" οnmοuseοut="color2(this)"style="background: none repeat scroll 0% 0% rgb(153, 255, 255);">
<ahref="#" >gaowenjian</a></br>
</td></tr>
</body></html>
3.傳下拉菜單的值:
<selectname="select"οnchange="check(this.options[this.selectedIndex].value)">//這是重點!仔細看看就是document的使用,非常方便!
<optionselected>選擇</option>
<optionvalue="gaowenjian">XXXX</option>
<optionvalue="gaowen">gaowenjian</option>
</select>
4.計算倒計時
<script>
Vardate1=new Date("12/1/2012")
Var now =new Date()
Var s = "距離還有幾天"
Var distance =date1.getTime()-now.getTime();
Var day = Math.floor(distance/(1000*60*60*24))//關鍵的地方,計算到底有幾天!
If(day>1)
Document.write("")
Elseif(day==1)
Document.write()
Elseif(day==0)
Document.write()
Else
Document.write()
</scrpit>
5.滾動菜單欄。整體來說,不難寫,只是剛剛接觸,對script的使用有點陌生,此處的for循環內部的i一開始寫的int I 結果就出錯了!!小心!腳本中沒有類型一說!!
<script>
Varindex=2;
Link=newArray(1)
Text=newArray(1)
Link[0]='1'
Link[1]='1'
Text[0]='2'
text[0]='2'
Document.write("<marquee width='150' direction='up'scrolldelay='100' >")//直接用這個標籤就可以實現滾動慘淡欄!!
For(i=0;i<index;I==){//循環把菜單欄內的東西顯示出來~
Document.write("<imgsrc='XX' width='XXX'> <ahref=''+link[i]+">"+text[i]);
Document.write("</a><br>");}
Document.write("</marquee>");
</script>