網頁中彈出小視窗,頁面背景逐漸變為半透明

2021-08-11 14:59:51 字數 1898 閱讀 7465

xmlns="">

網頁中彈出小視窗,頁面背景逐漸變為半透明title>

html,body

.meswindow

--這裡可以設定位置-->

.meswindowtop

.meswindowcontent

.meswindow

.close

style>

var isie=(document.all)?true:false;

//設定select的可見狀態

function

setselectstate

(state);}

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=0);":"opacity:0;";//外部div

back.style.csstext=stylestr;

showbackground(back,50);

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

mesw.id="meswindow";

mesw.classname="meswindow";

mesw.innerhtml=""+wtitle+"

"+content+"

";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)

,5);

}}else,5);}}}

//關閉視窗

function

closewindow

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

if(isie)

}//測試彈出

function

testmessagebox

(ev)

script>

head>

width="100%"

border="0"

cellspacing="0"

cellpadding="0">

rowspan="5"> td>

rowspan="5"> td>

td>

rowspan="5"> td>

rowspan="5"> td>

tr>

height="304"> td>

tr>

style="text-align:right"

;>

href="#none"

onclick="testmessagebox(event);">彈出視窗a>

div>

td>

tr>

td>

tr>

td>

tr>

table>

body>

html>

頁面中彈出小視窗,頁面背景直接變半透明

var isie document.all true false 設定select的可見狀態 function setselectstate state 關閉視窗 function closewindow if document.getelementbyid meswindow null if is...

Android的Service中彈出視窗解決方法

問題 解決方法 在service中啟動乙個activity,這個activity的主題為dialog,需要注意的是在啟動intent時需要加上intent.flag activity new task 否則會報錯 1 設定activity的主題為dialog 在androidmanifest.xml...

js中彈出各種視窗方法

在螢幕 彈出新視窗 function opennewwindow width,height,url 在螢幕 彈出開啟word的新視窗 function openwordwindow url 在螢幕 彈出新視窗 function opennewwindowbymenu width,height,url...