弹出层jquery,弹出层layui动态设置参数

jquery弹出层，过几秒就消失

首先加一个提示层并隐藏

创新互联专注于安阳县网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供安阳县营销型网站建设，安阳县网站制作、安阳县网页设计、安阳县网站官网定制、小程序设计服务，打造安阳县网络公司原创品牌,更为您提供安阳县网站排名全网营销落地服务。

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

点击添加后显示，过一段时间后隐藏

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

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

怎么用jquery 做弹出层

Jquery实现的方法有很多fadeIn()（淡出）、show()，或者直接控制css 都可以实现显示功能。

下面直接给出一个简单的例子：

ul id="ul"

lispan显示的内容1/spandiv style="display:none;"鼠标经过要显示的内容1/div/li

lispan显示的内容2/spandiv style="display:none;"鼠标经过要显示的内容2/div/li

lispan显示的内容3/spandiv style="display:none;"鼠标经过要显示的内容3/div/li

/ul

script type="text/javascript"

$("#ul li").mouseover(function(){//鼠标在li内移动时触发

$(this).find("div").fadeIn();//淡出显示当前li下的div

});

$("#ul li").mouseout(function(){//鼠标移出li时触发

$(this).find("div").fadeOut();//淡出隐藏当前li下的div

});

/script

jQuery先弹出一个层，层里面有个按钮，再弹出一个层，相当于是层里面的层。也可以说是子窗口里面的子窗口

一些简单的想法，全当共同学习：

其实jQuery里面的弹出层都是些div，用js代码控制这些div何时显示，用css控制这些div的显示样式，无所谓谁是谁的子窗口。

要实现你所说的效果，最省事的无非是找些UI框架，如jQuery UI，jQuery Easy UI等，根据里面的帮助文档做，调用插件就是了。

自己写，给个简单示例：

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();"关闭/a

/div

div id="son"

a href="#" onclick="javascript:$('#son').hide();"关闭/a

/div

/body

/html

有关JQuery点击按钮弹出层的问题

亲，你这个明显是事件冒泡的原因，因为#loginBtn是属于body里面的，你点击#loginBtn自然会触发body中响应的事件，网上搜一下jquery阻止事件冒泡在loginBtn里面加个阻止事件冒泡的语句就可以了

jquery弹出层传值

弹出层直接可以赋值的,没问题.

function xxxclick(){

//主画面信息或者你要赋的值

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

//弹出窗口

// 复制到弹出层上已经存在的div

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

return;

}

当前标题：弹出层jquery,弹出层layui动态设置参数
当前链接：http://6mz.cn/article/dssddoo.html