欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery觸發(fā)彈框如何消失

jQuery是一種流行的JavaScript庫,提供了很多實(shí)用的功能。其中,觸發(fā)彈框是jQuery中的一項(xiàng)常見操作。但是,當(dāng)彈框出現(xiàn)后,如何控制彈框的消失呢?接下來我們來介紹幾種方法。

$(".btn").click(function(){
$(".modal").fadeIn(); //彈框出現(xiàn)
});
//方法一:點(diǎn)擊按鈕關(guān)閉彈框
$(".close").click(function(){
$(".modal").fadeOut(); //彈框消失
});
//方法二:點(diǎn)擊背景關(guān)閉彈框
$(".modal").click(function(e){
if(e.target == this){
$(".modal").fadeOut(); //彈框消失
}
});
//方法三:定時(shí)器關(guān)閉彈框
setTimeout(function(){ 
$(".modal").fadeOut(); //彈框消失
}, 3000); //3秒后彈框自動(dòng)消失

以上代碼實(shí)現(xiàn)了三種關(guān)閉彈框的方法。方法一是通過關(guān)閉按鈕點(diǎn)擊事件觸發(fā),方法二是通過背景點(diǎn)擊事件觸發(fā)(但要排除關(guān)閉按鈕的點(diǎn)擊),方法三是通過定時(shí)器控制彈框消失。開發(fā)者可以根據(jù)實(shí)際需求選擇不同的方法來關(guān)閉彈框。

上一篇div css模式
下一篇div elk=class