圖1

　　DHTML Menu Builder是一款專業(yè)的動(dòng)態(tài)下拉選單制作軟件，有了它，你無需編寫大量的源代碼就能夠很容易地給你的網(wǎng)頁加上動(dòng)態(tài)效果選單，讓你的網(wǎng)頁充滿動(dòng)感。讓我們一起來為CIW制作一個(gè)簡(jiǎn)短的動(dòng)態(tài)選單吧。

　　1.運(yùn)行DHTML Menu Builder之后通過“Menu→Add Group”命令創(chuàng)建一個(gè)選單組，同時(shí)給它命名為CIW。接著可以在右邊的“Action Type”下拉列表中選擇Display SubMenu，也就是讓鼠標(biāo)移動(dòng)到這個(gè)選單上的時(shí)候自動(dòng)彈出下面的子選單。然后在“Status Text”對(duì)話框中輸入“中國計(jì)算機(jī)報(bào)”的字樣，這樣在動(dòng)態(tài)顯示下拉選單的時(shí)候還會(huì)有“中國計(jì)算機(jī)報(bào)”的字樣顯示，是不是很酷？當(dāng)然，“Alignment”中定義了若干種子選單的顯示方式，大家可以根據(jù)自己的喜好來選擇一款(見圖1)。

　　2.有了第一級(jí)選單之后，接著就要通過“Menu-＞Add Command”命令來添加一個(gè)子選單。還是和上面一樣，給這個(gè)子選單定義一個(gè)名稱，比如“CIW-電腦工作室”，接著點(diǎn)擊右邊的“Click”標(biāo)簽，在“Action Type”下拉列表中選取“Open URL/Execute Script”，以便實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊之后切換到另外一個(gè)頁面。然后還要在“URL/Script”對(duì)話框中輸入電腦工作室的鏈接頁面地址，也可以直接從本地硬盤中建立文件的鏈接(見圖2)。如果感興趣的話，還能像上面一樣讓鼠標(biāo)放置在子選單上時(shí)彈出文字提示和定義子選單的顯示方式。

　　3.按照第2部的方法分別添加其余的子選單，或者是再給“電腦工作室”創(chuàng)建下一級(jí)子選單，但是別忘記確定對(duì)應(yīng)的關(guān)聯(lián)頁面文件。

　　全部的選單創(chuàng)建完畢之后，通過“Tools→Compile”命令進(jìn)行編譯，這時(shí)將得到j(luò)avascript代碼文件。進(jìn)入資源管理器中找到選單所在的目錄，并打開href.txt文件，其中的代碼如下：

　　#CALL TO MENU:

　　CIW onmouseOut="tHideAll();" onMouseOver="ShowMenu('CIW',100,30,false);"

　　#LOADER CORE.PLACE IT RIGHT AFTER THE ＜BODY＞ TAG

　?。約cript language="javascript" src='menu.js'＞＜/script＞

　　首先根據(jù)提示將＜script language=

　　"javascript" src='menu.js'＞＜/script＞這段代碼貼入網(wǎng)頁的＜body＞中，然后把前面一段添加到原先CIW所在的位置。比如原來的頁面代碼為：

　?。糰 href"#"＞=CIW＜/a＞＜/font＞＜/div＞

　　而需要將第一段代碼插入得到：

　?。糰 href="#"onmouseOut="tHideAll();

　　"onMouseOver="ShowMenu('CIW',100,30,false);"＞=CIW＜/a＞＜/font＞＜/div＞

　　將頁面保存之后預(yù)覽一下看看，是不是有了動(dòng)態(tài)選單出現(xiàn)？那就恭喜恭喜了。

圖2

　　限于篇幅，DHTML Menu Builder中對(duì)于字體設(shè)置、背景色彩更改、添加背景音樂等功能無法一一向大家介紹，有興趣的朋友不妨自己試試，相信它帶給你的絕對(duì)不只是一個(gè)動(dòng)態(tài)選單！

按此下載本文介紹的軟件。