jquery彈出層，過幾秒就消失

首先加一個提示層并隱藏

創(chuàng)新互聯(lián)專注于安陽縣網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供安陽縣營銷型網(wǎng)站建設(shè)，安陽縣網(wǎng)站制作、安陽縣網(wǎng)頁設(shè)計(jì)、安陽縣網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù)，打造安陽縣網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供安陽縣網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

div id="addBox" style="display:none;"保存成功/div

點(diǎn)擊添加后顯示，過一段時間后隱藏

$("$addBox").show();

setTimeout($("$addBox").hide(),3000)

怎么用jquery 做彈出層

Jquery實(shí)現(xiàn)的方法有很多fadeIn()（淡出）、show()，或者直接控制css?都可以實(shí)現(xiàn)顯示功能。

下面直接給出一個簡單的例子：

ul?id="ul"

lispan顯示的內(nèi)容1/spandiv?style="display:none;"鼠標(biāo)經(jīng)過要顯示的內(nèi)容1/div/li

lispan顯示的內(nèi)容2/spandiv?style="display:none;"鼠標(biāo)經(jīng)過要顯示的內(nèi)容2/div/li

lispan顯示的內(nèi)容3/spandiv?style="display:none;"鼠標(biāo)經(jīng)過要顯示的內(nèi)容3/div/li

/ul

script?type="text/javascript"

$("#ul?li").mouseover(function(){//鼠標(biāo)在li內(nèi)移動時觸發(fā)

$(this).find("div").fadeIn();//淡出顯示當(dāng)前l(fā)i下的div

});

$("#ul?li").mouseout(function(){//鼠標(biāo)移出li時觸發(fā)

$(this).find("div").fadeOut();//淡出隱藏當(dāng)前l(fā)i下的div

});

/script

jQuery先彈出一個層，層里面有個按鈕，再彈出一個層，相當(dāng)于是層里面的層。也可以說是子窗口里面的子窗口

一些簡單的想法，全當(dāng)共同學(xué)習(xí)：

其實(shí)jQuery里面的彈出層都是些div，用js代碼控制這些div何時顯示，用css控制這些div的顯示樣式，無所謂誰是誰的子窗口。

要實(shí)現(xiàn)你所說的效果，最省事的無非是找些UI框架，如jQuery UI，jQuery Easy UI等，根據(jù)里面的幫助文檔做，調(diào)用插件就是了。

自己寫，給個簡單示例：

html

head

title測試/title

script?type="text/javascript"?src="jquery.js"/script

style?type="text/css"

#father{display:none;position:absolute;width:400px;height:300px;left:100px;top:100px;background:Red;}

#son{display:none;position:absolute;width:200px;height:150px;left:200px;top:175px;background:Green;}?

/style

/head

body

a?href="#"?onclick="javascript:$('#father').show()"打開父窗口/a

div?id="father"?

a?href="#"?onclick="javascript:$('#son').show();"打開子窗口/abr/

a?href="#"?onclick="javascript:$('#father,#son').hide();"關(guān)閉/a

/div?

div?id="son"

a?href="#"?onclick="javascript:$('#son').hide();"關(guān)閉/a

/div?

/body

/html

有關(guān)JQuery點(diǎn)擊按鈕彈出層的問題

親，你這個明顯是事件冒泡的原因，因?yàn)?loginBtn是屬于body里面的，你點(diǎn)擊#loginBtn自然會觸發(fā)body中響應(yīng)的事件，網(wǎng)上搜一下jquery阻止事件冒泡在loginBtn里面加個阻止事件冒泡的語句就可以了

jquery彈出層傳值

彈出層直接可以賦值的,沒問題.

function xxxclick(){

//主畫面信息 或者你要賦的值

var p_value = $("#主畫面值").val();

//彈出窗口

// 復(fù)制到彈出層上已經(jīng)存在的div

$("#子畫面div").val(p_value);

return;

}

分享題目：彈出層jquery,彈出層layui動態(tài)設(shè)置參數(shù)
標(biāo)題鏈接：http://jinyejixie.com/article0/dssddoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、企業(yè)建站、網(wǎng)站建設(shè)、定制開發(fā)、微信公眾號、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)