JavaScript特效的實現

網頁製作Webjx文章簡介：1.不同時間段顯示不同問候語 〈script Language=Javascript〉 〈!-- var text=; day = new Date( ); time = day.getHours( ); if (( time〉=0) (time 〈 7 )) text=夜貓子，要注意身體哦! if (( time 〉= 7 ) (time 〈 12)) text=今天的陽光真燦爛啊，你那個朋友呢? if

　　1.不同時間段顯示不同問候語

　　〈script Language="Javascript"〉　　〈!-- 　　var text=""; day = new Date( ); time = day.getHours( ); 　　if (( time〉=0) && (time 〈 7 )) 　　　　text="夜貓子，要注意身體哦! " 　　if (( time 〉= 7 ) && (time 〈 12)) 　　　　text="今天的陽光真燦爛啊，你那個朋友呢?" 　　if (( time 〉= 12) && (time 〈 14)) 　　　　text="午休時間。您要保持睡眠哦!" 　　if (( time 〉=14) && (time 〈 18)) 　　　　text="祝您下午工作愉快! " 　　if ((time 〉= 18) && (time 〈= 22)) 　　　　text="您又來了，可別和MM聊太久哦!" 　　if ((time 〉= 22) && (time 〈 24)) 　　　　text="您應該休息了!" 　　document.write(text) 　　//---〉　　〈/script〉

　　2.慢慢變大的視窗

　　〈script Language="Javascript"〉　　〈!-- 　　var Windowsheight=100 　　var Windowswidth=100 　　var numx=5 　　function openwindow(thelocation){ 　　temploc=thelocation 　　if 　　(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) 　　{ 　　　　window.open(thelocation) 　　　　return 　　} 　　windowsize=window.open("","","scrollbars") 　　windowsize.moveTo(0,0) 　　windowsize.resizeTo(100,100) 　　tenumxt() 　　} 　　function tenumxt(){ 　　if (Windowsheight〉=screen.availHeight-3) 　　　　numx=0 　　windowsize.resizeBy(5,numx) 　　Windowsheight+=5 　　Windowswidth+=5 　　if (Windowswidth〉=screen.width-5) 　　{ 　　　　windowsize.location=temploc 　　　　Windowsheight=100 　　　　Windowswidth=100 　　　　numx=5 　　　　return 　　} 　　setTimeout("tenumxt()",50) 　　} 　　//--〉　　〈/script〉　　〈p〉〈a href="javascript:openwindow('http://www.ccjol.com')"〉進入〈/a〉

　　3.改變IE地址欄的IE表徵圖

　　我們要先做一個16*16的icon(表徵圖檔案)，儲存為index.ico。把這個表徵圖檔案上傳到根目錄下並在首頁〈head〉〈/head〉之間加上如下代碼： 　　〈link REL = "Shortcut Icon" href="index.ico"〉

　　4.讓網頁隨意後退

　　〈a href="javascript:history.go(-X)"〉X〈/a〉 //把X換成你想要後退在頁數　　 //把“-”變成“+”就為前進

　　5.滑鼠指向時彈出資訊框

　　在〈body〉〈/body〉之間加上如下代碼： 　　〈a href onmouseover="alert('彈出資訊!')"〉顯示的連結文字〈/a〉

　　6.單擊滑鼠右鍵彈出添加收藏夾對話方塊

　　在〈body〉〈/body〉之間加上如下代碼： 　 〈script Language=Javascript〉 if (document.all) 　　document.body.onmousedown=new Function("if (event.button==2event.button==3) 　　window.external.addFavorite('您的網址','您的網站名稱)") 　　〈/script〉

　　7.隨機變換背景圖象(一個可以重新整理心情的特效)

　　在〈head〉〈/head〉之間加上如下代碼： 　　〈script Language="Javascript"〉　　image = new Array(4); //定義image為圖片數量的數組　　image [0] = 'tu0.gif' //背景圖象的路徑　　image [1] = 'tu1.gif' 　　image [2] = 'tu2.gif' 　　image [3] = 'tu3.gif' 　　image [4] = 'tu4.gif' 　　number = Math.floor(Math.random() * image.length); 　　document.write("〈BODY BACKGROUND="+image[number]+"〉"); 　　〈/script〉

　　8.表格的半透明顯示效果

　　〈head〉　　〈style〉　　.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度　　〈/style〉 〈/head〉 　　〈body〉　　〈table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" 〉　　〈tr〉　　〈td width="100%" height="62"〉　　〈div align="center"〉很酷吧!〈/div〉　　〈/td〉　　〈/tr〉　　〈/table〉 〈/body〉

　　論壇討論：http://bbs.websbook.com/viewthread.php?tid=1073&page=1&extra=page%3D1