一、開(kāi)發(fā)小要點(diǎn)
web頁(yè)面中，我們一般不用select、option來(lái)實(shí)現(xiàn)下拉菜單效果，因?yàn)橄吕虻臉邮匠笄译y以美化，所以我們選擇控制ul顯示隱藏來(lái)實(shí)現(xiàn)同樣且高大上的效果，但是不能像下拉框那樣點(diǎn)擊頁(yè)面其他部分，下拉菜單收起或隱藏，該怎么辦呢?只能用js這老大哥來(lái)控制了 。
二、代碼
HTML：
CSS：
【jQuery點(diǎn)擊頁(yè)面其他部分隱藏下拉菜單功能】JS：
效果：
總結(jié)
以上所述是小編給大家介紹的jQuery點(diǎn)擊頁(yè)面其他部分隱藏下拉菜單功能，希望對(duì)大家有所幫助 。
推薦閱讀
- 怎么解決360雙核瀏覽器兼容模式的頁(yè)面顯示問(wèn)題？解決的方法介紹
- 惱火Flash插件IE/Chrome/Firefox/Opera等怎樣設(shè)置點(diǎn)擊播放?設(shè)置的方法分享
- 怎么解決jQuery的hover事件在IE中不停閃動(dòng)的問(wèn)題？解決的方法介紹
- Internet Explorer已對(duì)此頁(yè)面進(jìn)行了修改以幫助阻止跨站腳本
- IE瀏覽器打開(kāi)頁(yè)面出錯(cuò)提示無(wú)法打開(kāi)匿名級(jí)安全令牌怎么辦?解決的方法分享
- win10中edge瀏覽器或者IE總是出現(xiàn)假死訪問(wèn)頁(yè)面反應(yīng)該怎么辦？解決的辦法介紹
- win10中edge瀏覽器或者IE總是出現(xiàn)假死訪問(wèn)頁(yè)面反應(yīng)該怎么辦？解決的方法介紹
- Win7下IE雙擊允許才能進(jìn)入下載頁(yè)面怎么辦？解決的方法介紹
- InDesign設(shè)置圖像頁(yè)面居中對(duì)齊方法介紹
- IE8瀏覽器點(diǎn)擊后退沒(méi)反應(yīng)該怎樣解決？解決的方法介紹