游戏弹框关闭应该如何实现_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 5:05:38 共计：3587 浏览

游戏弹框关闭应该如何实现？

关键代码

var gameDialog=$(".gameDialog"); //弹出框对象

var shadowBox=$(".shadow"); //黑色背景弹出层对象

//如果弹出框不存在，在页面添加

if(!gameDialog.get(0)){

//创建弹出框

gameDialog=$('<div class ="gameDialog"><p class="info"></p><a href="javascript:void(0);" class="close">返回</a></div>');

//页面添加弹出框

$("bode").append(gameDialog);

}

//如果说明弹出层不存在，在页面添加

if(!shadowBox.get(0)){

//创建黑色半透明弹出层

shadowBox=$('<div class="shadow"></div>');

//页面添加黑色半透明弹出层

$("body").append(shadowBox);

}

//单击弹出框的返回按钮

$(".close").live("click",function(){

//弹出框&&弹出层隐藏

gameDialog.hide();

shadowBox.hide();

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。