隨著INTERNET的逐步盛行，上網(wǎng)沖浪已經(jīng)成為一種很時尚的事情，在網(wǎng)上擁有一個屬于自己的“家園”更是這些網(wǎng)蟲們的追求。為了使自己的“家園”更有特色，吸引更多的人參觀，這些網(wǎng)蟲們可以說是煞費苦心，他們往往利用各種專門網(wǎng)頁制作工具例如FRONTPAGE00、DREAMWEAVER等來制作網(wǎng)頁，利用各種編輯工具來增強頁面效果，然而利用上面的專門制作工具來裝扮“家園”不是一件簡單容易的事情，而且它們還能在網(wǎng)頁中生成大量的垃圾代碼和錯誤代碼，從而不利于瀏覽器快速瀏覽。為此筆者向各位網(wǎng)友提供另外一種生成的方法，那是往主頁中添加HTML源代碼，這種方法可以程度上對HTML代碼進行優(yōu)化，提高代碼質(zhì)量。在這里筆者把自己平時在實踐過程中，搜集和整理的一些常用的HTML代碼小程序推薦給大家。大家使用它們時，只要通過簡單的復(fù)制和粘貼操作，能制作出相應(yīng)的來。如果你稍懂一些HTML語言和JaveScript插件語法則更好�！ �1、顯示訪問者的瀏覽器相關(guān)信息 如果你想讓你的主頁自動能顯示出訪問者的一些相關(guān)信息，例如在頁面中顯示出他的瀏覽器類型、版本號等信息，并提出建議，如: “請使用600*800顯示模式來瀏覽網(wǎng)頁�！蹦敲矗蠹铱梢灾苯影严旅娴腍TML源代碼加入到你自己主頁的源代碼中去。 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>是風格樣式標簽，作用是統(tǒng)一整個頁面的風格。其中，代碼td和body用來控制表格中和不在表格中的文字表現(xiàn)形式。font－size定義了文字大小，而line－h(huán)eight用于控制行距。以A開頭的幾句控制鏈接文字的風格：使其在鏈接、正在被點擊過程和點擊后都呈現(xiàn)不同的樣式，更主要的是了鏈接文字的下劃線，效果試試知道啦。另外，在color后的顏色也可用black、blue、white限定詞等來代替顏色的16進制碼，例如可寫成color:blue的形式�！ �4、在線改變網(wǎng)頁的背景圖象 平時看到的網(wǎng)頁背景一般是靜態(tài)的，瀏覽者是無權(quán)自己更換背景圖案的，不知你有沒有想過做出來的網(wǎng)頁可以讓瀏覽者自己改變背景圖像呢？如果你有這個念頭的話，下面的這段代碼能幫你輕松實現(xiàn)這樣的功能，你所要做的是把它們COPY然后貼在你HTML代碼的合適位 置可以了。不敢說很有用，但用得好的話是錦上添花。好了，一起先來看看代碼好了。 種背景 第二種背景 第三種背景 .......其它選擇格式如上...... 使用這段代碼時，我們可以自己先選擇好或者制作好需要的背景，然后把各個背景圖像的 URL替換上面代碼中的背景地址，這樣我們可以輕松實現(xiàn)在線更改背景圖案�！ �5、讓主頁中的自動換行適應(yīng)不同的瀏覽器 有時你會見過這樣的主頁，一行字老長老長，讓您拉著滾動條走了好遠好遠，這樣是不是很麻煩，讓人瀏覽起來感覺極不協(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； } } 看到這兒，想必大家心里一定癢癢的，那趕快行動起來，讓自己的“家園”變得更加靚麗吧！
下一篇：
Javascript的保留字