Rumah  >  Artikel  >  hujung hadapan web  >  js弹出窗口之弹出层的小例子_javascript技巧

js弹出窗口之弹出层的小例子_javascript技巧

WBOY
WBOYasal
2016-05-16 17:32:161607semak imbas

[html]

复制代码 代码如下:

 
 
 
弹出窗口 
 
 
<script> <BR>var baseText = null; <BR>function showPopup(w,h){ <BR> var popUp = document.getElementById("popupcontent"); <BR> popUp.style.top = "200px"; <BR> popUp.style.left = "200px"; <BR> popUp.style.width = w + "px"; <BR> popUp.style.height = h + "px"; <BR> if (baseText == null) baseText = popUp.innerHTML; <BR> popUp.innerHTML = baseText + "<div id=\"statusbar\"><input type=\"button\" value=\"Close window\" onClick=\"hidePopup();\"></script>
";    
    var sbar = document.getElementById("statusbar");    
    sbar.style.marginTop = (parseInt(h)-60) + "px";   
    popUp.style.visibility = "visible"; 

function hidePopup(){    
    var popUp = document.getElementById("popupcontent");    
    popUp.style.visibility = "hidden"; 

 
 
 
content
 

 

onclick

 
 
 
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn