popup窗体

最新推荐文章于 2023-01-01 20:55:31 发布

猎人在吃肉

最新推荐文章于 2023-01-01 20:55:31 发布

阅读量3.5k

点赞数

分类专栏：综合运用

原文链接：www.baidu.com

版权

综合运用专栏收录该内容

27 篇文章 0 订阅

订阅专栏

popup窗体最简单的列子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> popup窗体 </title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-store">  
  <meta http-equiv="expires" content="0">    
  <meta http-equiv="Content-Type" content="text/html;charset=GBK">
 </head>

 <body>
  <script type="text/javascript">

//全局变量
var popup;

//显示
function show_popup(){

    popup=window.createPopup()
    var pbody=popup.document.body;

    pbody.style.backgroundColor="red";
    pbody.style.border="solid black 1px";
    pbody.innerHTML="这是一个 pop-up！在 pop-up 外面点击，即可关闭它！";

    popup.show(150,150,200,50,document.body);
}

//隐藏
function hide_popup(){
    popup.hide();
}

</script>
<button onclick="show_popup()">显示 pop-up！</button>
<button onclick="hide_popup()">隐藏 pop-up！</button>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>


 </body>
</html>

popup窗体学习二

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>popup窗体</title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">

//popup窗体开始-----------------------------------
var oPopup, oPopupBody, oPopTimer
function popInit(){
    if (window.document.all){

        oPopup = window.createPopup()
        oPopupBody = oPopup.document.body;
        oPopupBody.style.background="#000"
        oPopupBody.style.fontSize="12px"
        oPopupBody.style.textAlign="center"
        oPopupBody.style.padding="2px 2px 0px 2px"    

        var s = oPopup.document.createStyleSheet();  

        s.addRule ('a:link','color:red;')
        s.addRule ('a:visted','color:red;')
        s.addRule ('a:hover','color:gold;')
        oPopupBody.attachEvent('onmouseout',hidePop)
        oPopupBody.attachEvent('onmouseover',clrPopTimer)
    }
}
function showPop(){       
    if (window.document.all){
        
        var i_left =  10, i_top = 200;
        var i_width = 400, i_height = 500;

        var txt = '<div><a href="">sdfsdfsggggg</a></div>';

        oPopupBody.innerHTML = txt;
        oPopup.show( i_left, i_top, i_width, i_height) ;    
    }
}
function hidePop(){
    if (window.document.all){
        if (oPopup.isOpen){
            oPopTimer = setTimeout("oPopup.hide()",10) 
        }
    }
}
function clrPopTimer(){
    clearTimeout(oPopTimer)
}

//popup窗体结束-------------------------------------------------------------------   
//-->
</script>
</head>

<body>
<script type="text/javascript">
<!--
popInit()
showPop()   
//-->
</script>
</body>
</html>