|
網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言(markup language),通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡(jiǎn)單來說,網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。 筆者日積月累了許多精彩、實(shí)用的Web特效的制作,這些特效幾乎都是比較常用的網(wǎng)頁(yè)特效,F(xiàn)在我就把這些經(jīng)過整理和修改過的特效分三個(gè)級(jí)別分別介紹給大家。
高級(jí)篇
1.不同時(shí)間段顯示不同問候語(yǔ)
。糞cript Language="JavaScript"> 。!-- var text=""; day = new Date( ); time = day.getHours( ); if (( time>=0) && (time < 7 )) text="夜貓子,要注意身體哦! " if (( time >= 7 ) && (time < 12)) text="今天的陽(yáng)光真燦爛啊,你那個(gè)朋友呢?" if (( time >= 12) && (time < 14)) text="午休時(shí)間。您要保持睡眠哦!" 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"> 。約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.慢慢變大的窗口
。糞cript 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')">進(jìn)入</a>
4.改變IE地址欄的IE圖標(biāo)
我們要先做一個(gè)16*16的icon(圖標(biāo)文件),保存為index.ico。把這個(gè)圖標(biāo)文件上傳到根目錄下并在首頁(yè)<head></head>之間加上如下代碼: <link REL = "Shortcut Icon" href="index.ico"> 大多數(shù)人在上網(wǎng)的時(shí)候,都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。
|
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!