当前位置:Gxlcms > JavaScript > js和html5实现自动排列对话框的生成

js和html5实现自动排列对话框的生成

时间:2021-07-01 10:21:17 帮助过:2人阅读

本文主要介绍了js+html5生成自动排列对话框实例,弹出多个对话框,可以自动排列,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。

最近用js和html5写出的弹出多个对话框,并且可以自动排列,占满屏幕时会自动从新开始,话不多说直接上图:
用起来还是十分方便的,如果你感兴趣,代码在后面

首先是Html页面


<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Title</title> 
</head> 
<body style="width: 100vw;height: 100vh;padding: 0;margin: 0"> 
<input type="button" value="生成p" onclick="creatDialog()" style="position: absolute;z-index: 200;"/> 
<script src="index.js"></script> 
</body> 
</html>

然后是js


相关推荐:

微信小程序使用modal组件弹出对话框实例分享

js制作一个简单的对话框教程

有关对话框的课程推荐10篇

以上就是js和html5实现自动排列对话框的生成的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行