JS弹出对话框（遮罩）透明，可拖动的简单实例
<html> <head> <script>函数salert（txt）{// var esrc =（document.all）？ “ 0px”; shield.Style.width =“ 100％”; // window.alert（document.body.scrollheight）; shield.Style.Style.height = document.body.scrollheight+px+“ px”; shield.Shield.Shield.Style.shield.Style.back =“ White” white white; =“ alpha（不透明度= 80）”; shield.Style.opacity = 0.8; // shield.style.border-width =厚; strhtml =“ <input type type type =/” button/“ valut =/” value =/“ id =/” id =/“ id =/” do_ok/“ do_ok/” strHtml;document.body.appendChild(shield);this.doOk = function(){document.body.removeChild(shield);}document.getElementById("do_OK").focus();}</script></head><body ><input type=button onclick="sAlert('登陆成功！')" value=登陆><p Align = Center> <Select> <Option> --- </option> </option> </oflect> </p> </hody> </html> <html> <head> <script> var dragAppravy = falsevar minrestore = 0 //该变量表示窗口目前的状态，0表示初始化状态，1表示最大化状态var intirlwidth，initialHeight //初次//若client浏览器为ie5.0浏览器为ie5.0 v var ie5 ＝ iecompattest（）{return（！window..opera && document.compatmode && document.compatmode！=“ backcompat”）？ document.documentElement：document.body}函数drag_drop（e）{如果（ie5 && dragAppReved && event.button == 1）{document.getElementById（“ dwindow”） （ns6 && dragAppRaved）{document.getElementById（“ dwindow”）。style.left = tempx+e.clientx offsetx+“ px” document.getElementById（“ dwindow”）。 event.clientx：e.clientxoffsety = ie5？ event.clienty：e.clientydocument.getElementById（“ dwindowcontent”）。style.display =“ none” //此句代码可不要tempx = parseInt（document.getElementById（“ dwindow”）。样式.left）tempy = parseInt（document.getElementById（“ dwindow”）。style.top）dragAppRoved = trueDocument.getElementByid（getElementByid）（“ dwindow”） （！ie5 &&！ns6） //若不为ie或netscpae浏览器，window = 1“）{} else {document.getElementById（“ dwindow”）。style.display =''; document.getElementById（“ dwindow”）。样式。 width = inationWidth = width+“ px”; document.getElementById（“ dwindow”）。style.height = initialHeight = heightheight = height = height+“ px”; document.getElementByid（“ dwindow”）。 window.pageyoffset*1+30+“ px”：iecompattest（）。scrolltop*1+30+“ px”; // document.getElementById（“ cframe”）。src = url}} function aximizize（） windowdocument.getElementById（“ maxName”）。setAttribute（“ src”，“ layout.png”）document.getElementByid（“ dwindow”）。style.width = ns6？ window.innerwidth-20+“ px”：iecompattest（）。clientwidth+“ px” document.getElementById（“ dwindow”）。style.height = ns6？ window.innerheight-20+“ px”：iecompattest（）。clientheight+“ px”} else {minrestore = 0 // Restore windowdocument.getElementById（“ maxName”）。setAttribute（“ src”，“ layout.png”）document.getElementByid（“ dwindow”）。style.width = in itialWidthDocument.getElementById（“ dwindow”）。style.height = initialHeight} document.getElementById（“ dwindow”）。style.left = ns6？ window.pagexoffset+“ px”：iecompattest（）。scrollleft+“ px” document.getElementById（“ dwindow”）。style.top = ns6？ window.pageyOffset+“ px”：iecompattest（）。scrolltop+“ px”} function collectit（）{document.getElementById（“ dwindow”）。style.display =“ none”}函数stopdrag（）{dragAppraved = false; document.getElementById（“ dwindow”）。onmousemove = null; document.getElementById（“ dwindowcontent”）。style.display =“ // foxe style =“位置：绝对;背景色：＃ id =“ maxName” onclick =“ maximize（）”> <img src =“ icon_delete.gif” onclick =“ collectit（） OnClick ='loadWindow（300,200）;'> </body> </html>以上这篇js弹出对话框（遮罩）透明，可拖动的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。，也希望大家多多支持武林网。