JavaScript例子1

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'>&nbsp<ahref=''+link[i]+">"+text[i]);

Document.write("</a><br>");}

Document.write("</marquee>");

</script>

發佈了66 篇原創文章 · 獲贊 9 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章