js ポップアップ window_javascript スキルのポップアップ層の小さな例

[html]

复制代码代码如下:

 
 
 
 
 
 
#popupcontent{
位置: 絶対; 
可視性: 非表示。    
オーバーフロー: 非表示;    
border:1px ソリッド #CCC;    
背景色:#F9F9F9;    
border:1px ソリッド #333;    
padding:5px;}
 
 
varbaseText = null;  
function showPopup(w,h){
var PopUp = document.getElementById("popupcontent");    
popUp.style.top = "200px";    
popUp.style.left = "200px";    
popUp.style.width = w "px";    
popUp.style.height = h "px";     
if (baseText == null)baseText = PopUp.innerHTML;   
PopUp.innerHTML =baseText "

";    
var sbar = document.getElementById("statusbar");    
sbar.style.marginTop = (parseInt(h)-60) "px";   
popUp.style.visibility = "可視"; 
}
function hiddenPopup(){
var PopUp = document.getElementById("popupcontent");    
popUp.style.visibility = "非表示"; 
}
 
 
 

コンテンツ

 

クリック