這是一款基于jQuery的自定義右鍵菜單，在樹狀結(jié)構(gòu)的子節(jié)點(diǎn)（下級(jí)沒(méi)有節(jié)點(diǎn)）上單擊右鍵才會(huì)彈出自定義菜單，而且菜單是自動(dòng)根據(jù)鼠標(biāo)位置來(lái)定位的。當(dāng)鼠標(biāo)在菜單以外的任意空白處單擊一下后會(huì)自動(dòng)消失。這里想特別說(shuō)明一點(diǎn)所謂的“菜單以外”，可以有兩種解剖方式——1、除了鼠標(biāo)在菜單區(qū)域內(nèi)的所有位置；2、如下圖所示的A、B、C、D四個(gè)區(qū)域。顯然用第一種方法來(lái)剖析會(huì)更簡(jiǎn)單直接一點(diǎn)。源碼中的!IsInArea就表示此方法。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/jquery-zdy-right-button-menu-style-codes/

具體代碼如下：

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

jQuery實(shí)現(xiàn)自定義右鍵菜單的樹狀菜單效果_jquery

jQuery實(shí)現(xiàn)自定義右鍵菜單的樹狀菜單效果_jquery:本文實(shí)例講述了jQuery實(shí)現(xiàn)自定義右鍵菜單的樹狀菜單效果。分享給大家供大家參考。具體如下： 這是一款基于jQuery的自定義右鍵菜單，在樹狀結(jié)構(gòu)的子節(jié)點(diǎn)（下級(jí)沒(méi)有節(jié)點(diǎn)）上單擊右鍵才會(huì)彈出自定義菜單，而且菜單是自動(dòng)根據(jù)鼠標(biāo)位置來(lái)定位的。當(dāng)鼠標(biāo)在菜單以外

推薦度：

點(diǎn)擊下載本文 文檔為doc格式