admin 管理员组

文章数量: 1086928

HTML生成悬浮窗

废话补多少，直接贴代码：

<html> <head> <meta charset="utf-8"><title>点击文字弹出一个DIV层窗口代码</title> <style> .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 55%; height: 55%; padding: 20px; border: 10px solid orange; background-color: white; z-index:1002; overflow: auto; } </style> </head> <body> <p>示例弹出层：<a href = "JavaScript:void(0)" onclick = "openDialog()">请点这里</a></p> <div id="light" class="white_content"><table><tr><td>fffff</td><td>dddddd</td></tr><tr><td>fffff</td><td>dddddd</td></tr><tr><td>fffff</td><td>dddddd</td></tr></table> <a href = "javascript:void(0)" onclick = "closeDialog()">点这里关闭本窗口</a></div> <div id="fade" class="black_overlay"></div> </body> <script type="text/javascript">function openDialog(){document.getElementById('light').style.display='block';}function closeDialog(){document.getElementById('light').style.display='none';}</script>
</html>

本文标签： HTML生成悬浮窗

版权声明：本文标题：HTML生成悬浮窗 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1686689719a25265.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。