一款jQuery點(diǎn)擊空白處隱藏彈出層網(wǎng)頁(yè)特效,點(diǎn)擊按鈕彈出層、點(diǎn)擊頁(yè)面空白處彈出層消失JS代碼。主要功能是點(diǎn)擊按鈕彈出層顯示,然后通過(guò)點(diǎn)擊頁(yè)面任意位置都能關(guān)閉彈出層顯示效果,主要是$(document).click的操作應(yīng)用。
滴道網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,滴道網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為滴道上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的滴道做網(wǎng)站的公司定做!
$(this).find(#tli0 div).slideDown(200);$(this)已經(jīng)是$(#tli0)了,$(this).find(#tli0 div)相當(dāng)于#tli0 #tli0 div是錯(cuò)在這個(gè)地方。
Jquery使用內(nèi)置的show和hide方法就可以實(shí)現(xiàn),具體的操作步驟首先需要打開hbuilder編輯器,新建一個(gè)a標(biāo)簽和一段隱藏的div,設(shè)置好它們的id屬性,并設(shè)置一些簡(jiǎn)單的樣式:然后引入Jquery的庫(kù)文件,編寫代碼。
1、首先,打開html編輯器,新建一個(gè)html文件,例如:index.html。
2、關(guān)于你的問(wèn)題“使用javascript怎么弄成點(diǎn)擊div1的時(shí)候顯示然后點(diǎn)擊其他div的時(shí)候隱藏?”我隨手寫了個(gè)簡(jiǎn)單的tab選項(xiàng),你可以參考下。
3、就是光標(biāo)在閃的時(shí)候就處于焦點(diǎn),當(dāng)你點(diǎn)其他地方時(shí),光標(biāo)就沒(méi)了,就會(huì)觸發(fā)blur事件。你要做到當(dāng)div顯示時(shí),讓隱藏在div內(nèi)的文本框處于焦點(diǎn),點(diǎn)擊其他地方時(shí),文本框的焦點(diǎn)自然會(huì)消失,blur事件把當(dāng)前div隱藏。
4、給div動(dòng)態(tài)添加display的樣式,block是顯示,none是隱藏。所以你上邊空著的雙引號(hào)里寫上block就可以了。
5、在event函數(shù)中,定義一個(gè)內(nèi)容為degreediv字符的字符串變量。然后使用jquery的append將已知的div字符串添加到c2div,如下所示。運(yùn)行頁(yè)面,現(xiàn)在只看到一個(gè)div,如下圖所示。
最高效的方法是去改lightbox這個(gè)組件的源代碼,它沒(méi)有放出這方面的參數(shù),默認(rèn)就是點(diǎn)擊任何位置會(huì)關(guān)閉。
一款jQuery點(diǎn)擊空白處隱藏彈出層網(wǎng)頁(yè)特效,點(diǎn)擊按鈕彈出層、點(diǎn)擊頁(yè)面空白處彈出層消失JS代碼。主要功能是點(diǎn)擊按鈕彈出層顯示,然后通過(guò)點(diǎn)擊頁(yè)面任意位置都能關(guān)閉彈出層顯示效果,主要是$(document).click的操作應(yīng)用。
event.stopPropagation()和event.cancelBubble=true)。因?yàn)轫?yè)面內(nèi)任何地方的點(diǎn)擊,正常都可以冒泡到document,然后關(guān)閉這個(gè)彈窗。然后只有彈窗阻止了這個(gè)冒泡,所以也達(dá)到了僅點(diǎn)擊彈窗(及其子元素)之外的空白區(qū)域來(lái)關(guān)閉彈窗。
網(wǎng)站標(biāo)題:jquery點(diǎn)擊其他地方 jquery點(diǎn)擊事件有什么方法顯示
本文網(wǎng)址:http://jinyejixie.com/article34/dgghgpe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、、ChatGPT、外貿(mào)建站、網(wǎng)站策劃、手機(jī)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)