|

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
代碼解釋:
1、 在頁面載入時(shí),先執(zhí)行l(wèi)oad1()方法
首先檢驗(yàn)是不是IE瀏覽器,如果當(dāng)前瀏覽器是InterNET Explorer,document.all就返回真。則下面的定義就應(yīng)該有效。也就是說當(dāng)檢查到客戶端使用的瀏覽器是IE的時(shí)候那么當(dāng)用戶產(chǎn)生右鍵事件時(shí)就調(diào)用函數(shù) showmenuie5,當(dāng)用戶產(chǎn)生左鍵事件時(shí)就調(diào)用函數(shù)hidemenuie5。
2、接著我們要考慮如何通過函數(shù)showmenuie5和函數(shù)hidemenuie5來實(shí)現(xiàn)菜單的顯示和隱藏。
當(dāng)然,這里的菜單并不是真正意義的右鍵菜單,而是我們自己做的一個(gè)div,在這個(gè)div中裝上我們想要裝的東西。通過鼠標(biāo)事件調(diào)用函數(shù)來控制它的顯隱,這就達(dá)到了使用鼠標(biāo)右鍵一樣的效果了。
這一塊的最外層是一個(gè)id為ie5menu的div,我們定義了它的樣式為skin0,你也可以根據(jù)自定義其他樣式,然后替換skin0。
3、點(diǎn)擊菜單選項(xiàng)后的操作
jumptoie5()函數(shù)實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊右鍵菜單中的層時(shí)發(fā)生的事情,也就是執(zhí)行選項(xiàng)
JavaScript技術(shù):JavaScript CSS創(chuàng)建右擊菜單效果代碼,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。