如何用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的边框加粗
  • 热门搜索
    宁波普陀山旅游攻略 北京元旦旅游 十月份去哪里旅游好 云南省旅游学校 门头沟旅游景点 宁波旅游景点推荐 荣县大佛文化旅游节 东川红土地旅游 艺龙旅游指南 e龙旅游网