|
網(wǎng)站建設(shè)是指使用標(biāo)識語言（markup language)，通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語言、可擴展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。 你可以把這段程序放在<head></head>標(biāo)識之間，或是網(wǎng)頁的任意位置。
接下來，我們還要定義我們的實際菜單項了，這里我們要給每一個菜單項加上一個鼠標(biāo)的移動事件(OnMouseOver)句柄，并且讓這個事件調(diào)用我們上面定義的Show函數(shù)。也就是說，當(dāng)鼠標(biāo)一進入我們的菜單項中，我們的show函數(shù)就開始執(zhí)行了。這里，我們還要給我們的每個菜單項定義一個ID號，并且把其下拉菜單列的ID名傳入Show函數(shù)中，這對我們控制下拉菜單列很關(guān)鍵，下面我給出了菜單項的HTML語法描述：
<table border=0>
<tr>
<td ID="d1" onmouseover="show(this,ds1);" class="menu">雜志技術(shù)站點</td>
<td ID="d2" onmouseover="show(this,ds2);" class="menu">門戶站點</td>
<td ID="d3" onmouseover="show(this,ds3);" class="menu">個人收藏站點</td>
</tr>
</table>
最后，我們要定義我們的下拉菜單列了。每一個下拉菜單列，我們都要賦予其Submenu的CSS屬性，和一個ID名字好讓我們的Show函數(shù)控制它，最后，我們讓他的默認顯示方式為none，也就是讓它不顯示。這是給它的Display樣式賦值“none”來實現(xiàn)的。下面，我給出了下拉菜單列的HTML語法描述：
<DIV ID="ds1" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\\www.yesky.com">天極網(wǎng) Yesky.com</A>
<BR><A HREF="http:\\www.cbinews.com">電腦商情報</A>
<BR><A HREF="http:\\www.newsoft.com.cn">新潮電子</A>
<BR>
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\\www.sina.com.cn">新浪網(wǎng) Sina</A>
<BR><A HREF="http:\\www.sohu.com.cn">搜狐 Sohu</A>
<BR><A HREF="http:\\www.163.com">網(wǎng)易 Netease</A>
<BR>
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\\haoel.yeah.net">耗子網(wǎng)絡(luò)編程站</A>
<BR><A HREF="http:\\www.5460.net">中國同學(xué)錄</A>
<BR><A HREF="http:\\www.csdn.net">中國軟件開發(fā)網(wǎng)</A>
<BR>
</DIV>
這就是全部的過程了，有了以上四個步驟，你一定可以看見一個菜單了，把它放在你的網(wǎng)頁上吧，一定會很漂亮的。當(dāng)然，你也可以自己試著改變一下菜單的屬性，讓它更像一個菜單。 大多數(shù)人在上網(wǎng)的時候，都會瀏覽網(wǎng)頁提供給我們的信息。
|
