如何用div做窗口

 时间:2026-02-13 04:41:13

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的边框加粗
  • 热门搜索
    桂花酒的功效与作用 运动会加油稿100字 cinderella什么意思 什么是地役权 木瓜的作用 红藤的功效与作用 燕窝的功效与作用 电镐什么牌子好 拍婚纱照需要准备什么 莲蓬的功效与作用