溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

前端jQuery彈框阻止冒泡代碼分享

發(fā)布時(shí)間：2021-08-10 09:45:42 來源：億速云 閱讀：91 作者：chen 欄目：開發(fā)技術(shù)

本篇內(nèi)容主要講解“前端jQuery彈框阻止冒泡代碼分享”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“前端jQuery彈框阻止冒泡代碼分享”吧!

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>定時(shí)器彈框</title><style type="text/css">.pop_con{display: none;/*默認(rèn)不顯示，用定時(shí)器顯示*/}.pop{width: 400px;height: 300px;background-color: #fff;border: 1px solid #000;position: fixed;/*使用固定定位*/left: 50%;/*左上角位于頁面中心*/top: 50%;margin-left: -200px;/*讓p向左偏移半個(gè)寬度、向上偏移半個(gè)高度，使p位于頁面中心*/margin-top: -150px;z-index: 9999;/*彈窗在最前面*/}/*遮罩樣式*/.mask{position: fixed;width: 100%;height: 100%;background-color: #000;left: 0;top: 0;/*設(shè)置透明度30%，兼容IE6、7、8*/opacity: 0.3;filter: alpha(opacity=30);z-index: 9990;/*遮罩在彈窗后面*/}</style><script type="text/javascript" src="js/jquery-1.12.4.min.js"></script><script type="text/javascript">$(function(){$('#btn').click(function() {$('#pop').show();return false;});$('#shutoff').click(function() {$('#pop').hide();});//點(diǎn)彈框以外的地方，也能讓彈框消失$(document).click(function(){// setTimeout(function(){// $('#pop').hide();// },2000);$('#pop').hide();});$('.pop').click(function() {return false;});//阻止默認(rèn)行為（原來超鏈接可跳轉(zhuǎn)到百度，阻止后無法跳轉(zhuǎn)）$('#link1').click(function() {return false;});})</script></head><body><h2>首頁標(biāo)題</h2><p>頁面內(nèi)容</p><a href="http://www.baidu.com" id="link1">百度網(wǎng)</a><input type="button" name="" value="彈出" id="btn"><p class="pop_con" id="pop"><p class="pop"><h4>提示信息！</h4><a href="#" id="shutoff">關(guān)閉</a><input type="text" name=""></p><!-- 遮罩層 --><p class="mask"></p></p></body></html>

到此，相信大家對(duì)“前端jQuery彈框阻止冒泡代碼分享”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手