如何用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的边框加粗
  • 热门搜索
    玫瑰花泡水喝的9大禁忌 模拟人生3怎么玩 夏娃之秀内衣怎么样 如何治疗脚气 电脑屏幕变小了怎么调 湖南旅游景点推荐 大秦硅藻泥怎么样 藿香正气滴丸怎么吃 如何练胸肌 如何制作泡菜