您的位置：首页 > 其它

windows7下bcdedit出现“拒绝访问”解决办法

2011-03-06 00:14 357 查看

看着别人可以打开或关闭DIV窗口，感觉比较好奇是怎么实现的，今天也稍微研究了一下。

html 代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>打开关闭DIV例子</title>

<style type="text/css">

#div1 {

    margin: 10px auto;

    width: 300px;

    height: 300px;

    border: 2px #cccccc solid;

}



#div2 {

    float: right;

    background-color: yellow;

    cursor: default;

}



#div3 {

    clear: both;

    margin: 50px auto;

}

</style>

<script type="text/javascript">

    function openWin(){

        if(!document.getElementById("div1")){

            var div1 = document.createElement("div");

            div1.id = "div1";

            document.body.appendChild(div1);



            var div2 = document.createElement("div");

            div2.id="div2";

            div2.onclick = closeWin;

            div2.onmouseover=overDIV2;

            div2.onmouseout=outDIV2;

            div2.innerHTML = "DEL";

            div1.appendChild(div2);



            var div3 = document.createElement("div");

            div3.id="div3";

            div3.innerHTML="这是我们能看见的窗口，点一下DEL就消失了！";

            div1.appendChild(div3);

        }

    }



    function closeWin(){

        var div=document.getElementById("div1");

        if(div != null){

            div.parentNode.removeChild(div);

        }

    }



    function overDIV2(){

        var div=document.getElementById("div2");

        if(div != null){

            div.style.backgroundColor="#FFFFFF";

        }

    }

    function outDIV2(){

        var div=document.getElementById("div2");

        if(div != null){

            div.style.backgroundColor="yellow";

        }

    }

</script>

</head>

<body>

<br>

<br>

<div align="center"><input type="button" value="打开窗口"

    onclick="openWin()"></div>

<div id="div1">

<div id="div2" onclick="closeWin()" onmouseover="overDIV2()"

    onmouseout="outDIV2()">DEL</div>

<div id="div3">这是我们能看见的窗口，点一下DEL就消失了！</div>

</div>

</body>

</html>

原来也是很简单的。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航