>  기사  >  웹 프론트엔드  >  배경색_자바스크립트 스킬 등 js의 알림 스타일을 변경하는 방법

배경색_자바스크립트 스킬 등 js의 알림 스타일을 변경하는 방법

WBOY
WBOY원래의
2016-05-16 17:03:041720검색
코드 복사 코드는 다음과 같습니다.

window.alert = function(str)
{
var Shield = document.createElement("DIV");
shield.id = "shield";
shield.style.position = "absolute"
shield.style.left = "0px ";
shield.style.top = "0px";
shield.style.width = "100%";
shield.style.height = document.body.scrollHeight "px";
//팝업 대화 상자의 배경색
shield.style.ground = "#fff"
shield.style.textAlign = "center"
shield.style.zIndex = "25" ;
/ /배경 투명 IE 유효
//shield.style.filter = "alpha(opacity=0)"
var AlertFram = document.createElement("DIV")
alertFram. id="alertFram" ;
alertFram.style.position = "절대";
alertFram.style.left = "50%"
alertFram.style.top = "50%"; AlertFram.style.marginLeft = "-225px";
alertFram.style.marginTop = "-75px";
alertFram.style.width = "450px"
alertFram.style.height = "150px" ;
alertFram .style.Background = "#ff0000";
alertFram.style.textAlign = "center";
alertFram.style.lineHeight = "150px"
alertFram.style.zIndex = "300";
strHtml = "
    n"
    strHtml = "
  • n";
    strHtml = "
  • " str "
  • n"
    strHtml = "
  • n";
    strHtml = "
n";
alertFram.innerHTML = strHtml;
document.body.appendChild(alertFram); 🎜>document.body.appendChild(shield);
var ad = setInterval("doAlpha()",5);
this.doOk = function(){
alertFram.style.display = "없음 ";
shield.style.display = "none";
}
alertFram.focus();
document.body.onselectstart = function(){return false;};
}


효과는 사진과 같습니다

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.