如何用div做窗口

 时间:2026-04-22 16:21:34

1、双击打开HBuilderX开发工具,在Web项目中创建一个静态页面win.html

如何用div做窗口

2、在<body></body>标签元素中,添加多个div标签并设置对应的id属性

如何用div做窗口

3、在style标签中,使用id选择器,设置div标签的样式属性

如何用div做窗口

4、接着在script标签中,创建两个方法showWin和closeWin

如何用div做窗口

5、在弹窗和关闭按钮添加onclick,分别绑定上述的两个方法

如何用div做窗口

6、保存代码并运行项目,打开浏览器查看界面效果

如何用div做窗口

7、点击弹窗按钮,查看是否有新窗口弹出;然后单击窗口上的关闭按钮,查看是否可以关闭窗口

如何用div做窗口

  • js怎么通过class改变样式
  • html页面单选框怎么实现
  • HTML之下拉框
  • js如何实现点击按钮弹出提示框
  • js如何让input的边框加粗
  • 热门搜索
    鲁迅手抄报 黑白手抄报花边边框 关于校园的手抄报 洒扫应对手抄报 手抄报古诗 防火防震手抄报 小学保护环境手抄报 快乐五一英语手抄报 迎中秋庆国庆手抄报简单又漂亮 五水共治手抄报图画