当前位置:JS特效 » 其他 » BOP-现代响应式纯js模态对话框插件
 BOP-现代响应式纯js模态对话框插件
如果您觉得内容不错,请分享:

插件介绍

BOP是一款现代响应式纯js模态对话框插件。该模态对话框易于使用,可制作MaterialDesign风格模态对话框,IOS风格模态对话框和现代风格的模态对话框。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:49
简要教程

BOP是一款现代响应式纯js模态对话框插件。该模态对话框易于使用,可制作Material Design风格模态对话框,IOS风格模态对话框和现代风格的模态对话框。

使用方法

在页面中引入bop.css和bop-js.js文件。

 
           
                
HTML结构

下面的每一个带ID的

元素都代表一个特定风格的模态对话框。

Want to use this?

-- the content --


EXIT

Want to use this?

-- the content --


EXIT

Want to use this?

-- the content --


EXIT

Want to use this?

-- the content --


EXIT

Want to use this?

-- the content --


OK

Want to use this?

-- the content --


OK

Want to use this?

-- the content --


EXIT

Want to use this?

-- the content


EXIT

Want to use this?

-- the content --


EXIT

Want to use this?

-- the content --


EXIT
触发模态窗口

你可以通过一个按钮来触发相应主题的模态窗口。例如:

触发模态窗口

onclick方法中可以填入的方法有:

  • materialLight()
  • materialDark()
  • materialLightAnime()
  • iosLight()
  • iosDark()
  • modernLight()
  • modernDark()
  • modernLightAnime()
  • modernDarkAnime()

BOP模态窗口插件的github地址为:https://github.com/punitweb/BOP

Top