如何用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的边框加粗
  • 热门搜索
    哈弗h2自动挡怎么样 ui设计是什么 老人如何补钙 lamer是什么牌子 兰博基尼怎么样 如何制作蝴蝶结 东平生活网 奥丹姆怎么去 车辆年审过期怎么办 暴风城怎么去达拉然