yourself_jquery로 html 의사 팝업 상자 구현 코드를 추가할 수 있습니다.

js

复代码 代码如下:

var popupStatus = 0;
//jQuery 매직으로 팝업을 로드 중입니다!
function loadPopup(){
//비활성화된 경우에만 팝업을 로드합니다.
if(popupStatus==0){
$("#BackgroundPopup").css({
"opacity ": "0.7"
});
$("#BackgroundPopup").fadeIn("느림");
$("#popupContact").fadeIn("느림");
popupStatus = 1;
}
}
//jQuery 매직으로 팝업을 비활성화합니다!
function 비활성화Popup(){
//활성화된 경우에만 팝업을 비활성화합니다.
if(popupStatus==1){
$("#BackgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("느림");
popupStatus = 0;
}
}
//센터링 팝업
function centerPopup(){
//센터링을 위한 데이터 요청
var browser=navigator.userAgent;
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var stop="";
var sleft="";
if(browser.indexOf('Chrome')!=-1){
stop=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else{
stop=document.documentElement.scrollTop;
sleft=document.documentElement.scrollLeft;
}
// windowWidth =document.body.scrollLeft;
// windowHeight =document.body.scrollTop;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
//센터링
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2 stop,
"왼쪽": windowWidth/2-popupWidth/2 sleft
});
//IE6에만 강제가 필요합니다
//背景color
$("#BackgroundPopup").css({
"height": windowHeight
});
}
//调用弹框事件
function bb(str){
$("#download").show();
centerPopup();
loadPopup();
//팝업 종료
//x 이벤트를 클릭하세요!
$("#popupContactClose").click(function(){
disablePopup();
});
//이벤트 클릭!，点击背景事件
$("#BackgroundPopup").click(function(){
disablePopup();
});
//탈출 누르기 이벤트!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
}
});
}

html代码（默认隐藏）

复system代码 代码如下: