首先加一个提示层并隐藏
创新互联专注于安阳县网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供安阳县营销型网站建设,安阳县网站制作、安阳县网页设计、安阳县网站官网定制、小程序设计服务,打造安阳县网络公司原创品牌,更为您提供安阳县网站排名全网营销落地服务。
div id="addBox" style="display:none;"保存成功/div
点击添加后显示,过一段时间后隐藏
$("$addBox").show();
setTimeout($("$addBox").hide(),3000)
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里面的弹出层都是些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
亲,你这个明显是事件冒泡的原因,因为#loginBtn是属于body里面的,你点击#loginBtn自然会触发body中响应的事件,网上搜一下jquery阻止事件冒泡在loginBtn里面加个阻止事件冒泡的语句就可以了
弹出层直接可以赋值的,没问题.
function xxxclick(){
//主画面信息 或者你要赋的值
var p_value = $("#主画面值").val();
//弹出窗口
// 复制到弹出层上已经存在的div
$("#子画面div").val(p_value);
return;
}
分享题目:弹出层jquery,弹出层layui动态设置参数
标题链接:https://www.cdcxhl.com/article0/dssddoo.html
成都网站建设公司_创新互联,为您提供关键词优化、企业建站、网站建设、定制开发、微信公众号、全网营销推广
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联