欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2014年01月22日 16:46:18   作者:  
如何更改js的alert樣式如:彈出對(duì)話框時(shí)的背景顏色、背景透明等等,下面有效果圖,感興趣的朋友可以學(xué)習(xí)下
復(fù)制代碼 代碼如下:

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";
//彈出對(duì)話框時(shí)的背景顏色
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;};
}

效果如圖

相關(guān)文章

  • JS中的forEach、$.each、map方法推薦

    JS中的forEach、$.each、map方法推薦

    下面小編就為大家?guī)?lái)一篇JS中的forEach、$.each、map方法推薦。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-04-04
  • 微信小程序自定義彈出層效果

    微信小程序自定義彈出層效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序自定義彈出層效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • javascript 子窗體父窗體相互傳值方法

    javascript 子窗體父窗體相互傳值方法

    javascript 子窗體父窗體相互傳值方法,一般都是用window.open函數(shù),下面腳本之家給出具體的代碼。
    2010-05-05
  • js中通過(guò)父級(jí)進(jìn)行查找定位元素

    js中通過(guò)父級(jí)進(jìn)行查找定位元素

    這篇文章主要介紹了js中如何通過(guò)父級(jí)進(jìn)行查找定位元素,需要的朋友可以參考下
    2014-06-06
  • 鍵盤元素的控制小方塊的移動(dòng)效果

    鍵盤元素的控制小方塊的移動(dòng)效果

    鍵盤元素的控制小方塊的移動(dòng)效果...
    2007-01-01
  • 總結(jié)一些js自定義的函數(shù)

    總結(jié)一些js自定義的函數(shù)

    總結(jié)一些js自定義的函數(shù)...
    2006-08-08
  • 通俗解釋JavaScript正則表達(dá)式快速記憶

    通俗解釋JavaScript正則表達(dá)式快速記憶

    正則表達(dá)式使用單個(gè)字符串來(lái)描述、匹配一系列符合某個(gè)句法規(guī)則的字符串。簡(jiǎn)單來(lái)說(shuō),就是按照某種規(guī)則去匹配符合條件的字符串
    2017-08-08
  • JS中比較冷門但非常好用的方法總結(jié)

    JS中比較冷門但非常好用的方法總結(jié)

    在Js中有一些比較冷門但是非常好用的方法,我在這里稱之為高級(jí)方法,這些方法沒(méi)有被廣泛使用或多或少是因?yàn)榇嬖谝恍┘嫒菪缘膯?wèn)題,不是所有的瀏覽器都讀得懂的,這篇文章主要就是對(duì)這些方法做一個(gè)總結(jié),讓我們一起來(lái)看一下吧
    2023-06-06
  • 詳解ES6系列之私有變量的實(shí)現(xiàn)

    詳解ES6系列之私有變量的實(shí)現(xiàn)

    這篇文章主要介紹了詳解ES6系列之私有變量的實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-11-11
  • 教你巧用webpack在日志中記錄文件行號(hào)

    教你巧用webpack在日志中記錄文件行號(hào)

    早期webpack的目的是允許在瀏覽器中運(yùn)行大多數(shù)node.js模塊,但是模塊整體格局發(fā)生了變化,現(xiàn)在許多模塊的主要用途是以編寫前端為目的,下面這篇文章主要給大家介紹了關(guān)于巧用webpack在日志中記錄文件行號(hào)的相關(guān)資料,需要的朋友可以參考下
    2022-11-11

最新評(píng)論