JavaScript圖文詳細(xì)教程之頁面右鍵菜單二法_javascript

　　JavaScript中要做網(wǎng)頁右鍵菜單其實(shí)不是簡(jiǎn)單的事情，畢竟JavaScript可以很好的修飾你的菜單，讓他更加完美。在一般的網(wǎng)頁中，IE瀏覽器的默認(rèn)右鍵菜單是一成不變的固定模式，大部分網(wǎng)友瀏覽網(wǎng)頁時(shí)對(duì)它的利用率不高。對(duì)專業(yè)的網(wǎng)頁設(shè)計(jì)師來說，如果能將右鍵菜單設(shè)計(jì)成個(gè)性化的內(nèi)容該多好呀。

　　試想一下，用戶在你的網(wǎng)站上一點(diǎn)右鍵，就是你精心組織的“鏈接”、“發(fā)信”，甚至包含了繽紛的交互式Flash動(dòng)畫！如圖1——別流口水了，下面咱們就解解饞，看看如何制作吧。

　　
JavaScript教程之網(wǎng)頁右鍵菜單二法

　　右鍵菜單的改造，我有兩種途徑（其實(shí)，本質(zhì)是一樣的，都是JavaScript的東西）。

　　第一種方法是較早的，把下列源代碼復(fù)制到網(wǎng)頁中HTML文件中即可。

　　其效果如下圖2：

　　
JavaScript教程之網(wǎng)頁右鍵菜單二法

　　第二種方法是利用Dreamweaver的一個(gè)插件——Right_Click_Menu_Builder，可以在www.macromedia.com下載得到。安裝后，可在Dreamweaver的“Command”菜單的下面找到“Right Click Menu Builder”命令。

　　點(diǎn)擊該命令，便出現(xiàn)了一個(gè)如圖3所示的設(shè)置框。主要有兩部分內(nèi)容：“Menu”和“Styles”。

　　
JavaScript教程之網(wǎng)頁右鍵菜單二法

　　Menu是設(shè)置功能的，超級(jí)鏈接、發(fā)信鏈接都在這里設(shè)置，在這里最多可以設(shè)10項(xiàng)連接。此選擇框中“Menu Text”是你右鍵中將顯示的文字（換成中文吧）；在“URL”中寫入相應(yīng)的鏈接路徑；“Target”決定是否是新窗口或是用現(xiàn)在的窗口展示鏈接的內(nèi)容，填入“Blank”就是在新窗口顯示，和Dreamweaver的“Target”設(shè)置是一樣的。

　　那怎樣加入Flash呢？是這樣做的：在網(wǎng)頁中加一個(gè)“Table”，它的“W”寬建議設(shè)為：“100%”，這樣會(huì)方便你下面添加的各種元素的定位。好，在該“Table”中插入Flash的SWF文件，位置設(shè)成“居中”（主要是方便定位，當(dāng)然具體問題具體分析，自己多嘗試一下會(huì)有心得的）。

　　小技巧：Flash動(dòng)畫不妨做成有交互鏈接的那種，為什么呢？這樣你就可以加任意數(shù)量的超級(jí)鏈接。插件自身有最多10條的限制，用了Flash可就全解決啦！