用JAVASCRIP來裝份你的家園。（轉(zhuǎn)自新浪）
發(fā)布時間：2008-12-19 閱讀數(shù)： 次 來源：網(wǎng)樂原科技
http://tech.sina.com.cn 2000/11/06 新浪科技 周勇生
隨著INTERNET的逐步盛行，上網(wǎng)沖浪已經(jīng)成為一種很時尚的事情，在網(wǎng)上擁有一個屬于自己的“家園”更是這些網(wǎng)蟲們的追求。為了使自己的“家園”更有特色，吸引更多的人參觀，這些網(wǎng)蟲們可以說是煞費(fèi)苦心，他們往往利用各種專門網(wǎng)頁制作工具例如FRONTPAGE2000、DREAMWEAVER等來制作網(wǎng)頁，利用各種特效編輯工具來增強(qiáng)頁面效果，然而利用上面的專門制作工具來裝扮“家園”不是一件簡單容易的事情，而且它們還能在網(wǎng)頁中生成大量的垃圾代碼和錯誤代碼，從而不利于瀏覽器快速瀏覽。為此筆者今天就向各位網(wǎng)友提供另外一種生成特效的方法，那就是往主頁中添加HTML源代碼，這種方法可以最大程度上對HTML代碼進(jìn)行優(yōu)化，提高代碼質(zhì)量。在這里筆者就把自己平時在實踐過程中，搜集和整理的一些常用的HTML代碼小程序推薦給大家。大家使用它們時，只要通過簡單的復(fù)制和粘貼操作，就能制作出相應(yīng)的特效來。如果你稍懂一些HTML語言和JaveScript插件語法則更好。
1、顯示訪問者的瀏覽器相關(guān)信息
如果你想讓你的主頁自動能顯示出訪問者的一些相關(guān)信息，例如在頁面中顯示出他的瀏覽器類型、版本號等信息，并提出建議，如: “請使用600*800顯示模式來瀏覽網(wǎng)頁。”那么，大家可以直接把下面的HTML源代碼加入到你自己主頁的源代碼中去。
vari=0；
varj=0；
varn=0；
varBrowserInfo="您的瀏覽器是:"+navigator.appName+""+navigator.appCodeName+""+navigator.appVersion；functionMakeArray(n)
{
this.length=n；
for(varj=0；j\n；j++)
{
this［j］=0；
}
returnthis；
}
varMessages=newMakeArray(3)；
Messages［0］="您的瀏覽器名字:"+navigator.appName；
Messages［1］="您的瀏覽器代碼:"+navigator.appCodeName；
Messages［2］="瀏覽器版本號碼:"+navigator.appVersion；
Messages［3］=" 請使用600*800顯示模式來瀏覽網(wǎng)頁"；
functionShowInfo()
{
document.Menu.Display.value=Messages［i］；
if(iΛ2)
i=0
elsei++；
document.Menu.Display.value=Messages［i］；
BrowserInfo=Messages［i］；
setTimeout("ShowInfo()"，3000)；
}
2、給主頁添加視頻動畫
只要把下面這段代碼添加到你的網(wǎng)頁中，就可以在主頁中添加Windows視頻動畫或其他RralMedia格式的視頻動畫。
< img dynsrc=/test.avi start="fileopen" width="360" height="190" alt="test.avi (40M字節(jié))" controls hspace="-1" vspace="0">
在這段代碼中，dynsrc的值為你的動畫文件的名字，它應(yīng)是以avi、ra、ram為后綴名的文件；start的值一般為“fileopen”，這樣就可以使動畫自動播放；width和height的值分別是動畫播放時的畫面的寬度和高度(以像素為單位也可以百分比來表示)；alt的值是對動畫文件的非顯示說明；hspace是畫面離頁左邊的距離(以像素為單位)；vspace是畫面離頁頂?shù)木嚯x(以像素為單位)，在這里大家可以把test.avi文件改成自己需要的視頻文件。
3、去掉超鏈接的下劃線
在你剛開始編網(wǎng)頁時，還記得在超鏈接的下劃線嗎？你有沒有想過要把它去掉嗎？如果有這個念頭，請把下列語句放在...之間
〈style>
〈!－－
td{font－size:12px; line－h(huán)eight=16px;}
body{font－size:12px; line－h(huán)eight=16px;}
A:link {text－decoration: none; color: ″＃0000ff″}
A:visited {text－decoration: none; color: ″＃ffffff″}
A:active {text－decoration: none}
A:hover {text－decoration: underline; color: ″＃009900″}
－－>
〈/style>
這里的〈style>、〈/style>是風(fēng)格樣式標(biāo)簽，作用是統(tǒng)一整個頁面的風(fēng)格。其中，代碼td和body用來控制表格中和不在表格中的文字表現(xiàn)形式。font－size定義了文字大小，而line－h(huán)eight用于控制行距。以A開頭的幾句控制鏈接文字的風(fēng)格：使其在鏈接、正在被點擊過程和點擊后都呈現(xiàn)不同的樣式，更主要的是消除了鏈接文字的下劃線，效果試試就知道啦。另外，在color后的顏色也可用black、blue、white限定詞等來代替顏色的16進(jìn)制碼，例如可寫成color:blue的形式。
4、在線改變網(wǎng)頁的背景圖象
平時看到的網(wǎng)頁背景一般是靜態(tài)的，瀏覽者是無權(quán)自己更換背景圖案的，不知你有沒有想過做出來的網(wǎng)頁可以讓瀏覽者自己改變背景圖像呢？如果你有這個念頭的話，下面的這段代碼就能幫你輕松實現(xiàn)這樣的功能，你所要做的就是把它們COPY然后貼在你HTML代碼的合適位
置就可以了。不敢說很有用，但用得好的話絕對是錦上添花。好了，一起先來看看代碼好了。
使用這段代碼時，我們可以自己先選擇好或者制作好需要的背景，然后把各個背景圖像的
URL替換上面代碼中的背景地址，這樣我們就可以輕松實現(xiàn)在線更改背景圖案。
5、讓主頁中的自動換行適應(yīng)不同的瀏覽器
有時你會見過這樣的主頁，一行字老長老長，讓您拉著滾動條走了好遠(yuǎn)好遠(yuǎn)，這樣是不是很麻煩，讓人瀏覽起來感覺極不協(xié)調(diào)！能不能在Netscape讓中文隨著窗口的大小或表格的大小而自動換行，象西文那樣呢？其實很簡單，只要在和加入以下html源代碼內(nèi)容,您就不用再痛苦的手動換行了.
舉例說明
6、 自動滾屏
絕大多數(shù)主頁的顯示范圍會超出屏幕，訪問者都必須要按動水平或垂直滾動桿來跳過開始的歡迎詞，下面的函數(shù)演示了自動按指定的方向、速率、范圍游動的主頁的制作。
varposition=0；
functionscroller()
{
if(position!=400)
{
position++；
parent.scroll(400，position)；
clearTimeout(timer)；
vartimer=setTimeout("scroller()"，0)；
timer；
}
}
看到這兒，想必大家心里一定癢癢的，那就趕快行動起來，讓自己的“家園”變得更加靚麗吧！
桂公網(wǎng)安備45010502000253號
電子營業(yè)執(zhí)照
