转 js一个简单实用的弹出层

最新推荐文章于 2024-05-03 11:47:20 发布

weixin_30500663

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量38

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiangxiong/p/6867560.html

版权

关闭

点击查看 >>

<html>

<head>

<title>新文件标题</title>

<script type="text/javascript">

    function Ceng() {

        document.getElementById('ceng').style.display = 'block';

        document.getElementById('close').style.display = 'block';

        return false;

    }

    function closeCeng() {

        document.getElementById('ceng').style.display = 'none';

        document.getElementById('close').style.display = 'none';

        return false;

         

    }

     

</script>

</head>

<body>

<a href="#" οnclick="Ceng()">点击弹出</a>

<div id="ceng" style="position:absolute;z-index:2;left:0;top:0;right:0;background-color:#000;filter:alpha(opacity=50);margin:1px 1px;display:none;width:100%;height:100%;text-align:center;"> 

</div>

<div id="close" style="position:absolute !important;left:30%;top:0px;z-index:3;border:1px solid #ff6600;background-color:#fff;margin:100px auto;padding:0px;display:none;width:400px;height:300px;text-align:right">

<a href="#" οnclick="closeCeng()">关闭</a>

<div style="text-align:center;"><br>

<br> <a href="#">点击查看 >></a></div>

</div>

</body>

</html>

转载于:https://www.cnblogs.com/xiangxiong/p/6867560.html

weixin_30500663

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
转 js一个简单实用的弹出层

关闭点击查看 >><html><head><title>新文件标题</title><script type="text/javascript"> function Ceng() { document.getEl...
复制链接

扫一扫