js的alert樣式如何更改如背景顏色

來源:互聯網
上載者:User

標籤:style   io   os   ar   div   art   sp   cti   代碼   

代碼如下:
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.background = #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 = absolute;
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 = <ul style=\list-style:none;margin:0px;padding:0px;width:100%\>\n;
strhtml += <li style=\background:#dd828d;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #f9cade;\>[自訂提示]</li>\n;
strhtml += <li style=\background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px solid #f9cade;border-right:1px solid #f9cade;\>+str+</li>\n;
strhtml += <li style=\background:#fdeef4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #f9cade;\><input type=\button\ value=\確 定\ onclick=\dook()\ /></li>\n;
strhtml += </ul>\n;
alertfram.innerhtml = strhtml;
document.body.appendchild(alertfram);
document.body.appendchild(shield);
var ad = setinterval(doalpha(),5);
this.dook = function(){
alertfram.style.display = none;
shield.style.display = none;
}
alertfram.focus();
document.body.onselectstart = function(){return false;};
}

js的alert樣式如何更改如背景顏色

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.