js单击时页面的弹出

转载于 2018-01-09 11:31:00 发布 · 78 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/meiqiyuanzi/p/8250615.html

文章标签：

<!DOCTYPE html>
<html>
    <head>
       <script language="JavaScript">
           function close1(){
           document.getElementById("sh").style.display="none";
           }
           function show(){
               document.getElementById("sh").style.display="block";
           }

        </script>
    </head>
    <body>
       <div id="sh" style="display:none;border:1px solid red;z-index:2;position:absolute;left:100px;top:150px;clear:both;padding:5px;">
           <p>
                <span>姓名：</span>
                <input type="text">
           </p>
           <div style="float:right;padding-right:10px;">
                <button onclick="close1()">关闭</button>
           </div>
       </div>
       <input type="button" value="评论" onclick="show()">
    </body>
</html>