- 模态窗口
H+ 模态窗口
创建自定义的H+模态窗口可通过添加.inmodal
类来实现。
打开示例窗口
大小设置
模态窗口提供两种大小尺寸,可以通过为模态窗口的.modal-dialog
添加类来实现
大模态窗口
小模态窗口
动画窗口
您可以通过为模态窗口的.modal-content
添加类来实现动画效果
沿X轴转动
基本动画
设置选项
可以通过数据绑定或者Javascript来实现模态窗口的相关功能,如果使用数据绑定,可以为元素添加data-
,如 data-backdrop=""
。
名称类型默认值说明
backdropboolean 或 string'static'
true遮罩层,或使用
'static'
指定遮罩层与关闭模态窗口不关联keyboardbooleantrue按Esc键时退出模态窗口showbooleantrue初始化完成后显示模态窗口remotepathfalse
推荐使用数据绑定方式,或使用jQuery.load
远程URL示例:
<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>
一键复制
编辑
Web IDE
原始数据
按行查看
历史