網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。 筆者日積月累了許多精彩、實用的Web特效的制作,這些特效幾乎都是比較常用的網頁特效,F在我就把這些經過整理和修改過的特效分三個級別分別介紹給大家。
高級篇
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="您應該休息了!" document.write(text) //---> 。/Script>
2.水中倒影效果
。糹mg 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> 。紁><a href="javascript:openwindow('http://www.ccjol.com')">進入</a>
4.改變IE地址欄的IE圖標
我們要先做一個16*16的icon(圖標文件),保存為index.ico。把這個圖標文件上傳到根目錄下并在首頁<head></head>之間加上如下代碼: 。糽ink REL = "Shortcut Icon" href="index.ico"> 大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。
|