我有一个问题是实现多个弹出窗口 . 我从网上获取这个脚本,当我申请单个弹出窗口时它是正确的但是如果我复制了这个 . 你可以在:Dendrosite看到它 . 在左边缘菜单(Sinopsi / Fitxa / Autors)中,我在一个(Sinopsi)中正确实现,但现在我可以实现其他(Fitxa / Autors)

HTML:

使用Javascript:

var popupStatus = 0;

//loading popup with jQuery magic!

function loadPopup(){

//loads popup only if it is disabled

if(popupStatus==0){

$("#backgroundPopup").css({

"opacity": "0.7"

});

$("#backgroundPopup").fadeIn("fast");

$("#popupContact").fadeIn("fast");

popupStatus = 1;

}

}

//disabling popup with jQuery magic!

function disablePopup(){

//disables popup only if it is enabled

if(popupStatus==1){

$("#backgroundPopup").fadeOut("fast");

$("#popupContact").fadeOut("fast");

popupStatus = 0;

}

}

//CONTROLLING EVENTS IN jQuery

$(document).ready(function(){

//LOADING POPUP

//Click the button event!

$("#go").click(function(){

//centering with css

//load popup

loadPopup();

});

//CLOSING POPUP

//Click the x event!

$("#popupContactClose").click(function(){

disablePopup();

});

//Click out event!

$("#backgroundPopup").click(function(){

disablePopup();

});

//Press Escape event!

$(document).keypress(function(e){

if(e.keyCode==27 && popupStatus==1){

disablePopup();

}

});

});

和CSS:

#backgroundPopup{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:100%;

width:100%;

top:0;

left:0;

z-index:1;

}

#popupContact{

margin-top: -104px;

margin-left:102px;

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:288px;

width:600px;

z-index:9;

padding:12px;

background-color: #333;

filter: alpha(opacity=20); opacity: .5

}

#popupContact h1{

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

color:#FFF;

text-shadow: 0px 1px 1px #000;

padding-bottom:10px;

margin-bottom:30px;

border-bottom-width: 1px;

border-bottom-style: solid;

}

#popupContact h3{

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #FFF;

text-align: justify;

}

#popupContactClose{

font-size:18px;

line-height:14px;

right:6px;

top:4px;

position:absolute;

color: #ffeb70;

font-weight:700;

display:block;

cursor: pointer;

font-family: Arial, Helvetica, sans-serif;

}

谢谢!

如何实现一个java窗口_如何实现多个弹出窗口?相关推荐

  1. android中弹出窗口,如何在Android中创建弹出窗口(PopupWindow)

    如何制作一个简单的Android弹出窗口 这是一个更完整的例子.这是一个补充性答案,涉及一般情况下创建弹出窗口的过程,而不一定是OP问题的具体细节.(OP要求取消按钮,但这不是必需的,因为用户可以在屏 ...

  2. python的窗口处理模块_Python tkinter模块弹出窗口及传值回到主窗口操作详解

    本文实例讲述了Python tkinter模块弹出窗口及传值回到主窗口操作.分享给大家供大家参考,具体如下: 有些时候,我们需要使用弹出窗口,对程序的运行参数进行设置.有两种选择 一.标准窗口 如果只 ...

  3. python中pygame增加对话框_在pygame中制作弹出窗口与pgu

    我在用pygame编写的游戏中添加了一些gui元素(带有按钮的对话框).我环顾四周寻找一个体面的GUI工具包,并以pgu结束.无论如何,我试图让它弹出一个对话框,它确实(有点),但它不关闭.在pyga ...

  4. 服务器系统怎么把IE浏览器的阻止窗口关掉,如何关闭IE浏览器弹出窗口阻止程序...

    有时候使用浏览器做什么事情的时候,常常要求将IE浏览器的弹出窗口保护程序给关闭,该怎么做呢?下面学习啦小编整理了关闭IE浏览器弹出窗口阻止程序的解决方法,供你参考. 关闭IE浏览器弹出窗口阻止程序的解 ...

  5. easyui弹出窗关闭前调用确认窗口,先关闭页面后调用弹出窗口

    弹出窗关闭的时候提示是否关闭,同时进行一些对应的方法调用, 然而在进行页面关闭调用的时候,往往页面关闭了,才弹出确认对话框, $.messager.confirm和panel的onBeforeClos ...

  6. java 操作窗口_java selenium (十二) 操作弹出窗口

    public static void testMultipleWindowsTitle(WebDriver driver) throws Exception { String url="E: ...

  7. html语言点击打开小窗口播放视频,点击图片弹出窗口播放视频html代码

    楼主尼嚎~~HTML表单,通常都是被form标签所包括的.form标签内的内容还是可以用HTML常规代码书写.不过我认为楼主应该是想表达,HTML表格而不是表单吧?代码如下: htmlheadtitl ...

  8. java一个界面用另一个界面的值_如何将参数/值从一个弹出窗口传递到Angular2中的另一个弹出窗口...

    我在Angular2中有一个要求,我需要打开第一个弹出窗口,用户会输入一些值 . 在某些用户事件(即按钮单击)上,我需要关闭该弹出窗口并打开另一个弹出窗口,其中包含用户在第一个弹出窗口中输入的值 . ...

  9. java弹窗_弹出窗口总结 - 王道JAVA - CSDNBlog

    this.Response.Write(""); 弹出跟你当前的窗口有没有菜单工具栏没有关系,你只要在页面中写一个脚本它就弹出了.比如 xxxxx 以下列出一些弹出窗口的参数,你可 ...

最新文章

  1. Java集合框架List,Map,Set等全面介绍
  2. python中xlsxwriter_python xlsxwriter使用方法汇总
  3. PID控制器开发笔记之七:微分先行PID控制器的实现
  4. linux iphone 同步时间,与iPad/iPhone同步
  5. 一段实现分页的存储过程
  6. 树莓派进阶之路 (027) - 在Linux中增加swap空间
  7. 计算机专业英语信息系统,信息系统项目管理师英语复习资料:计算机专业英语汇总[5]...
  8. python当前时间获取_python 当前时间获取方法
  9. ipone 手机不断出现电亡事件 是抹黑 还是真的如此
  10. 2021年茶艺师(初级)报名考试及茶艺师(初级)实操考试视频
  11. 401. 二进制手表
  12. java类求圆的面积周长_java编程 1. 设计一个求圆的面积和周长的类,要求:1计算当半径r,JAVA编程题。编写一个应用程序计算圆的周长和面积,设圆的半...
  13. 放大缩小不习惯?只需两步教你solid works如何设置反转滚轮缩放
  14. 帖子:刚刚结束美国J1签证所需的英语熟练度面试
  15. 一个技术总监的个人综合评估,希望对大家能有所帮助(转)
  16. imazing显示无法连接服务器,为什么苹果手机连接不上iMazing
  17. 雪花飘落代码java_JS实现的雪花飘落特效示例
  18. “算法即芯片”有点扯,互联网公司为何热衷造概念?
  19. 如何快速通过pmp考试求攻略
  20. SAP 接口测试操作-顾问

热门文章

  1. VGA timing information
  2. 聊聊jvm的-XX:MaxDirectMemorySize
  3. vim 粘贴代码格式
  4. 处理Img标签中src无效时出现的border
  5. openssl pem 生成公钥和私钥及文件
  6. 怎么样实现左侧页面点击后右边页面显示内容
  7. Linux下的磁盘加密LUKS
  8. [转]KVM 虚拟机详细说明
  9. 在网页中给Flash加上超级链接
  10. 【长文】Google面试官分步解析自己泄漏前的面试题,超多干货和建议