弹出框实现原理

图片描述

如图所示的,点击按钮弹出一个自定义的框的实现原理是什么?求指导!

阅读 5.5k
5 个回答

一种实现方式是使用css的定位创建一个脱离正常文档流的div,使用javascript实现交互,控制样式,使用ajax来实现数据获取和传输。
http://www.w3school.com.cn/cs...

模态框?原理:创建一个脱离文档流的div

<div style="position:absolute; top:0px; left:0px"></div>
只要把position设置成absolute
他就会根据你设置的top和left出现在页面中的不同位置

最简单的引用bootstrap框架的js插件的模态框实现

就是一个js点击事件控制CSS的display属性。至于在什么位置显示,你在相对应的写布局。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题