功能性插件
banner特效
& 下载地址：插件描述：iziModal是一款时尚炫酷的jQuery模态窗口插件。该模态窗口插件提供基本的打开模态窗口动画特效，并且可以调用iframe内容，Ajax加载，制作alert效果，加载超大内容等。使用方法在页面中引入iziModal.min.css和jquery、iziModal.min.js文件。&link&rel=&stylesheet&&href=&iziModal.min.css&&
&script&src=&jquery.min.js&&type=&text/javascript&&&/script&
&script&src=&iziModal.min.js&&type=&text/javascript&&&/script&HTML结构可以通过按钮或&a&元素来触发一个模态窗口。&!--&Trigger&to&open&Modal&--&
&a&href=&#&&class=&trigger&&打开模态窗口&/a&
&!--&模态窗口&--&
&div&id=&modal&&
&&&&&!--&模态窗口的内容&--&
&/div&初始化插件在页面DOM元素加载完毕之后，可以通过iziModal()方法来初始化该模态窗口插件。$(&#modal&).iziModal();或者也可以通过jqurey事件来打开模态窗口。$(document).on('click',&'.trigger',&function&(event)&{
&&&&event.preventDefault();
&&&&$('#modal').iziModal('open',&this);&//&需要带上&&this&
});Iframe要在模态窗口中使用iframe功能，结构如下：&a&href=&&&class=&trigger&&打开模态窗口&/a&初始化：$(&#modal&).iziModal({
&&&&iframe:&true,
&&&&iframeHeight:&800,
&&&&iframeURL:&&&
});或者也可以通过jquery事件来打开模态窗口。$(document).on('click',&'.trigger',&function&(event)&{
&&&&event.preventDefault();
&&&&$('#modal').iziModal('open',&this);&//&需要带上&&this&
});AjaxiziModal模态窗口插件配置有Ajax功能。$(&#modal&).iziModal('open',&function(modal){
&&&&modal.startLoading();
&&&&$.get('/path/to/file',&function(data)&{
&&&&&&&&$(&#modal&.iziModal-content&).html(data);
&&&&&&&&modal.stopLoading();
});配置参数iziModal模态窗口插件的默认配置参数如下：$(&#modal&).iziModal({
&&&&title:&&&,
&&&&subtitle:&&&,
&&&&theme:&&&,
&&&&headerColor:&&#88A0B9&,
&&&&overlayColor:&&rgba(0,&0,&0,&0.4)&,
&&&&iconColor:&&&,
&&&&iconClass:&null,
&&&&width:&600,
&&&&padding:&0,
&&&&iframe:&false,
&&&&iframeHeight:&400,
&&&&iframeURL:&null,
&&&&overlayClose:&true,
&&&&closeOnEscape:&true,
&&&&bodyOverflow:&false,
&&&&focusInput:&true,
&&&&autoOpen:&false,
&&&&transitionInModal:&'transitionIn',
&&&&transitionOutModal:&'transitionOut',
&&&&transitionInOverlay:&'fadeIn',
&&&&transitionOutOverlay:&'fadeOut',
&&&&onOpening:&function()&{},
&&&&onOpened:&function()&{},
&&&&onClosing:&function()&{},
&&&&onClosed:&function()&{}
});参数默认值描述title&&模态窗口的标题。subtitle&&模态窗口的子标题。theme&&模态窗口的主题，可以是空或&light&。headerColor#6d7d8d模态窗口的头部颜色。overlayColorrgba(0,0,0,0.4)遮罩层的颜色。iconColor&&头部图标的颜色。iconClassnull图标图标的class（你使用的字体图标的class名称）width600模态窗口的固定宽度。你可以使用%, px, em 或 cm。如果不带单位，默认为像素。padding0模态窗口的内边距。iframefalse是否在模态窗口中启用iframe功能。iframeHeightnulliframe的高度。iframeURLnulliframe加载内容的URL地址。如果没有设置，可以使用超链接的地址来作为URL地址。overlayClosetrue是否允许点击模态窗口的外部来关闭模态窗口。closeOnEscapetrue是否允许通过点击ESC键来关闭模态窗口。bodyOverflowfalse强制在打开模态窗口时超出文档的内容被隐藏。focusInputtrue设置为true时，当打开模态窗口时，第一个可见的表单域将被激活。autoOpenfalse是否自动打开模态窗口。transitionInModaltransitionIn打开模态窗口的默认过渡动画。transitionOutModaltransitionOut关闭模态窗口的默认过渡动画。transitionInOverlayfadeIn遮罩层打开时的过渡动画。transitionOutOverlayfadeOut遮罩层关闭时的过渡动画。onOpeningfunction() {}模态窗口打开时的回调函数。onOpenedfunction() {}模态窗口打开后的回调函数。onClosingfunction() {}模态窗口关闭时的回调函数。onClosedfunction() {}模态窗口关闭后的回调函数。方法$('#modal').iziModal();//初始化模态窗口。$('#modal').iziModal('open');//打开模态窗口。$('#modal').iziModal('close');//关闭模态窗口。$('#modal').iziModal('getState');//获取模态窗口的状态，返回：{'closed'|'closing'|'opened'|'opening'}。$('#modal').iziModal('startLoading');//开启模态窗口中的加载进度指示器。$('#modal').iziModal('stopLoading');//关闭模态窗口中的加载进度指示器。$('#modal').iziModal('destroy');//销毁模态窗口。$('#modal').iziModal('setHeaderColor', 'color');//设置模态窗口头部的背景颜色。$('#modal').iziModal('setTitle', 'Title');//设置模态窗口的标题。$('#modal').iziModal('setSubtitle', 'Subtitle');//设置模态窗口的子标题。$('#modal').iziModal('setIconClass', 'iconClass');//设置模态窗口的图标。$('#modal').iziModal('recalculateLayout');//重新计算模态窗口的尺寸和位置。事件Opening：在模态窗口打开时触发。$(document).on('opening',&'#modal',&function&(e)&{
&&&&//console.log('Modal&is&opening');
});Opened：在模态窗口打开之后触发。$(document).on('opened',&'#modal',&function&(e)&{
&&&&//console.log('Modal&is&opened');
});Closing：在模态窗口关闭时触发。$(document).on('closing',&'#modal',&function&(e)&{
&&&&//console.log('Modal&is&closing');
});Closed：在模态窗口关闭之后触发。$(document).on('closed',&'#modal',&function&(e)&{
&&&&//&console.log('Modal&is&closed');
微信号：w3cschoolcn
意见反馈：
联系方式：Modal - 开源搜索 - 开源中国社区
条结果 （用时约 0.07 秒） 当前第 1 页，共 3 页
https://www.oschina.net/p/modal
Modal 一个小巧易用的弹出层控件。Modal 拥有如下特点： 灵活、多样的配置 支持 NodeJS, CommonJS, AMD, CMD 规范 简洁美观的界面 完整的 API 文档和示例
Modal 同类软件
https://www.oschina.net/p/react-native-modal
react-native-modal 是 React Native 的 &Modal& 组件。 使用示例： 'use strict';
var React = require
https://www.oschina.net/p/bootstrap-modal
bootstrap-modal 扩展了 Bootstrap 内置的 modal 以提供附加功能，引入了 ModalManager 类可处理多个 modal 并侦听它们的事件。 一个简单
https://www.oschina.net/p/uiviewcontroller-modal
ViewController-Modal 是一款确定 UIViewController 是否为 modal 的工具。
https://www.oschina.net/p/material-design-modal
material-design-modal 是一个使用 CSS 和 JavaScript 语言开发的一个响应式的 Material Design modal。也就是点击相应的 Modal，会出现不同
https://www.oschina.net/p/v-modal
v-modal 是简单、灵活并且漂亮的 AngularJS 对话框模块。 使用示例： angular.module('myApp', ['vModal'])
.factory('myModal
https://www.oschina.net/p/the-modal
The Modal 是个 jQuery 对话框插件，类似 Facebook 和 VK 照片 modals。 功能 不需要额外的标记 用户可以使用它 w/o 标记来打开空 modal 和填充数据 可选
https://www.oschina.net/p/moa-modal
Moa Modal 是一款灵活的 jQuery 模态插件，允许用户自定义动画和定位。在线演示
https://www.oschina.net/p/easy-z-modal
Easy Z Modal 是一个用于创建模板和对话框的，简单的、定制化的、动态 jQuery 插件。
https://www.oschina.net/p/Semi-Modal-View-Controller
自定义modal view，包括modal view的大小（只占据半个屏幕界面大小）、弹出动画效果等等。当modalview弹出的时候，主页面会缩小，并且变淡。 []
https://www.oschina.net/p/jquery+modal+dialog
jQuery Modal Dialog 是一个用来显示错误提示、警告信息、操作成功提示等等对话框的 jQuery 插件。 示例代码： $.modaldialog.error('你好，开源中国社区
https://www.oschina.net/p/emodal
eModal 是一个可用
jQuery 和 Bootstrap 来创建 modal 对话的简单组件 。 你可以通过它来显示 modal 的 警告，ajax，提示，confirm 或者
https://www.oschina.net/p/izimodal-js
iziModal.js，是一个优雅的，响应式的，灵活和轻便的jQuery插件。 运行效果： 示例代码： 引入CSS文件 &!-- &link rel="stylesheet" href="iziModal.min.css"& --& 引入js文件 &!-- &script src="iziModal...
https://www.oschina.net/p/Modal-Panel
实现弹出视图效果，在弹出的视图上可以加上各种各样的元素，比如列表、图片、web页面以及各种UI控件等等。可以取代UIActionSheet，使界面更加灵活美观。视图弹出和消失的动画都非常棒。 []...
https://www.oschina.net/p/Depth-Modal
在视图弹出的时候，，背景视图缩小，加上黑色透明遮挡，并且有往后推的效果，从而给人一种三维景深的视图叠加效果。仅支持ARC。 []
https://www.oschina.net/p/yhcircletransition
YHCircleTransition 是一款iOS圆形modal控制器。
https://www.oschina.net/p/xfcovertransition
XFCoverTransition 内置各种自定义 Modal 界面切换效果，提供手势移除的功能，使用单例对 XFCoverTransitionTouch 对象的管理，多处的多种界面切换效果
Created with Sketch.}