筆者銖積寸累了許多精彩、實用的Web特效的制造,這些特效簡直都是比較常用的網(wǎng)頁特效,F(xiàn)在我就把這些經(jīng)過整理和修改過的特效分三個級別分別介紹給大家。
高檔篇
1.不同時刻段顯示不同問候語
。糞cript 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="您應(yīng)該歇息了!"
document.write(text)
//--->
</Script>
2.水中倒影作用
<img id="reflect" src="你自己的圖片文件名" width="175" height="59">
。約cript language="JavaScript">
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.漸漸變大的窗口
<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>
4.改動IE地址欄的IE圖標(biāo)
我們要先做一個16*16的icon(圖標(biāo)文件),保存為index.ico。把這個圖標(biāo)文件上傳到根目錄下并在首頁<head></head>之間加上如下代碼:
<link REL = "Shortcut Icon" href="index.ico"> |