JavaScript特效的实现

　　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==2||event.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〉