1.不同時間段顯示不同問候語 <script Language="#"> <!-- 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="您應(yīng)該休息了!" document.write(text) //---> ?。?script>
2.水中倒影效果 ?。糹mg id="reflect" src="../../你自己的圖片文件名" width="175" height="59"> <script language="#"> function f1() { setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all) { document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } ?。?script>
3.慢慢變大的窗口 ?。約cript Language="#"> <!-- 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> ?。紁><a href="#:openwindow('http://www.ccjol.com')">進(jìn)入</a>
4.改變IE地址欄的IE圖標(biāo) 我們要先做一個16*16的icon(圖標(biāo)文件),保存為index.ico。把這個圖標(biāo)文件上傳到根目錄下并在首頁<head></head>之間加上如下代碼: ?。糽ink REL = "Shortcut Icon" href="index.ico">
5.讓網(wǎng)頁隨意后退 ?。糰 href="#:history.go(-X)">X</a> //把X換成你想要后退在頁數(shù) //把“-”變成“+”就為前進(jìn)
6.鼠標(biāo)指向時彈出信息框 在<body></body>之間加上如下代碼: <a href onmouseover="alert('彈出信息!')">顯示的鏈接文字</a>
7.單擊鼠標(biāo)右鍵彈出添加收藏夾對話框 在<body></body>之間加上如下代碼: ?。約cript Language=#> if (document.all) document.body.onmousedown=new Function("if (event.button==2||event.button==3) window.external.addFavorite('您的網(wǎng)址','您的網(wǎng)站名稱)") ?。?script>
8.隨機變換背景圖象(一個可以刷新心情的特效) 在<head></head>之間加上如下代碼: ?。約cript Language="#"> image = new Array(4); //定義image為圖片數(shù)量的數(shù)組 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>
9.鼠標(biāo)一碰就給顏色看的鏈接 在<body></body>之間加上如下代碼: ?。紁 onMouseMove="anniu()">你敢碰我,我就給點顏色你看?。?p> <script Language = "#"> sub anniu document.fgColor=int(256*256*256*rnd) end sub ?。?script>
10.從天而降并有幻影效果的窗口 ?。糷ead> ?。約cript language="#"> function move(x) { if(self.moveBy){ self.moveBy (0,-800); for(i = x; i > 0; i--) { self.moveBy(0,3); } for(j = 200; j > 0; j--){ //如果你認(rèn)為窗口抖動厲害,就200換成個位數(shù) self.moveBy(0,j); self.moveBy(j,0); self.moveBy(0,-j); self.moveBy(-j,0); } } } ?。?Scrip> ?。糱ody bgColor=#ffffff onload=move(280)> </body> ?。?head>
11.表格的半透明顯示效果 在<head></head>之間加上如下代碼: <style> .alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度 ?。?style> 在<body></body>之間加上如下代碼: ?。紅able border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" > ?。紅r> <td width="100%" height="62"> ?。糳iv align="center">很酷吧!</div> ?。?td> ?。?tr> ?。?table>