如何实现一个java窗口_如何实现多个弹出窗口?
我有一個問題是實現多個彈出窗口 . 我從網上獲取這個腳本,當我申請單個彈出窗口時它是正確的但是如果我復制了這個 . 你可以在: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;
}
謝謝!
超強干貨來襲 云風專訪:近40年碼齡,通宵達旦的技術人生總結
以上是生活随笔為你收集整理的如何实现一个java窗口_如何实现多个弹出窗口?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 零基础自学java的难处_零基础自学Ja
- 下一篇: java1121123211234321