JS模擬ALERT半透明背景,仿關機效果

2021-04-21 10:36:42 字數 2794 閱讀 6327

//設定select的可見狀態  

function setselectstate(state)  

}  function mouseposition(ev)  

;  }  

return ;  

}  //彈出方法  

function showmessagebox(wtitle,content,pos,wwidth)  

var back=document.createelement("div");  

back.id="back";  

var stylestr="top:0px;left:0px;position:absolute;background:#666;width:"+bwidth+"px;height:"+bheight+"px;";  

stylestr+=(isie)?"filter:alpha(opacity=40);":"opacity:0.40;";  

back.style.csstext=stylestr;  

var mesw=document.createelement("div");  

mesw.id="meswindow";  

mesw.classname="meswindow";  

mesw.innerhtml=""+wtitle+"

td>

<

tdstyle='width:1px;'

>

<

input

type='button'

onclick='closewindow();'

title='關閉視窗'

class='close'

value='關閉'

/>

td>

tr>

table

>

div>

<

divclass='meswindowcontent'

id='meswindowcontent'

>"+content+"

div>

<

divclass='meswindowbottom'

>

div>";  

stylestr="left:"+(((pos.x-wwidth)>0)?(pos.x-wwidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wwidth+"px;";  

mesw.style.csstext=stylestr;  

}  function showbackground(obj,endint)  

,8);  

}  }  

//關閉視窗  

function closewindow()  

if(document.getelementbyid('meswindow')!=null)  

if(isie)  

}  //測試彈出  

function testmessagebox(ev)  

script

>

head

>

<

body

>

<

divstyle="padding:20px"

>

<

divstyle="text-align:left";>

<

ahref="#none"

onclick="testmessagebox(event);"

>彈出視窗

a>

div>

<

divstyle="text-align:left;padding-left:20px;padding-top:10px";>

<

select

>

<

option

>下拉

option

>

select

>彈出視窗時會將其隱藏,關閉時會讓其顯示,目的是在ie中防止彈出的div擋不住下拉框

div>

<

divstyle="text-align:center";>

<

ahref="#none"

onclick="testmessagebox(event);"

>彈出視窗

a>

div>

<

divstyle="text-align:right";>

<

ahref="#none"

onclick="testmessagebox(event);"

>彈出視窗

a>

div>

div>

body

>

html

>

背景半透明

css中在希望半透明的部分後面新增如下 filter alpha opacity 10 moz opacity 1 opacity 0.1 句中的數字就是你希望半透明的程度,越小透明度越高。其實就是新增乙個濾鏡。三句話中第乙個是支援ie,第二個和第三個都是支援firefox的不同版本。比如說設定好背...

背景半透明效果

背景為紅色 ff0000 透明度20 css example source code alpha1 ap2 這樣基本就可以實現啦,也不用擔心定位和自適應問題,最大的問題是僅ie支援。如果相容ff op怎麼寫呢?首先,上面這種定法是不行的啦,那就只能用兩個層重疊的方法啦。改下頁面結構與css樣式 ht...

仿微博半透明邊框

內容區 我的思路是這樣的,box先相對定位,以便 alpha bg可以絕對定位,但你會發現 這樣做有個問題,好像整個box都無法選擇文字了。原因就是 alpha bg位於 content之上,至於為什麼跑到它上面去了,我也不甚清楚,希望高人指點一二。解決辦法很簡單,既然是層級問題,自然用到z ind...