页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

兼容移动端的模态框插件artModal

  1. artModal是一个兼容移动端的模态框插件。
  2. 灵感来自BootStrap的modal组件,与其不同的是artModal能够做到:
    • 零依赖其他组件
    • 向下兼容到IE6
    • 允许多个模态框同时堆叠出现
  3. 与以往的弹窗插件不同,artModal不需要大量的js配置选项,用户仅需利用html、css就可以充分自由定制模态框的所有外观。


兼容移动端的模态框插件artModal

引入方式:

页面头部引入:
<link rel="stylesheet" href="../src/artModal.css">
页面底部引入:
<script src="../src/artModal.js"></script>

基础演示:

<button data-toggle="artModal" data-target="myModal_1">基础演示</button>
<div class="artModal fade" id="myModal_1"> <div class="artModal-dialog"> <div class="artModal-content"> <div class="custom_style"> 基础演示<button data-dismiss="artModal">关闭</button> </div> </div> </div> </div>


相关链接

发表评论