html网页中点击按钮,弹出一图片来

发布网友 发布时间：2022-04-23 21:35

我来回答

共3个回答

热心网友 时间：2023-10-10 13:11

<script>
window.onload=function ()
{
    var oDiv=document.getElementById('div');
    var oBtn=document.getElementById('btn');
   
    oBtn.onclick=function ()
    {
        oDiv.style.display='block';
    }
   
    oDiv.onclick=function ()
    {
        this.style.display='none';
    }
]
</script>
<style>
#div{width:100px; height:100px;background:red; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px;}
</style>

//下面是body里的部分

<div id="div"></div>

<input type="button" value="点击" id="btn"/>

以上是一个简单的点击按钮弹出一个居中的DIV，点击DIV则让这个DIV隐藏

热心网友 时间：2023-10-10 13:12

什么情况????????

热心网友 时间：2023-10-10 13:12

用隐藏层做