PopModal支持自定义多功能弹出窗口插件

popModal

default params


			$('#elem').popModal({
			html : $('#content').html(),
			placement : 'bottomLeft',
			showCloseBut : true,
			onDocumentClickClose : true,
			onOkBut : function(){ },
			onCancelBut : function(){ },
			onLoad : function(){ },
			onClose : function(){ }
			});

loading ajax


			$('#elem').popModal({
			html : function(callback){
			$.ajax({url : 'ajax.html'}).done(function(content){
			callback(content);
			});
			}
			});

inline bind


			<button id="elem" data-popModalBind="#content" data-placement="bottomLeft" data-showCloseBut="true" data-overflowContent="true" data-onDocumentClickClose="true">example</button>

notifyModal

default params


			$('#content').notifyModal({
			duration : 2500,
			placement : 'center',
			overlay : true,
			});

hintModal

default params


			<span class="hintModal">example
			<div class="hintModal_container">
			Lorem Ipsum is simply dummy text of the printing and typesetting industry...
			</div>
			</span>

dialogModal

default params


			$('#content').dialogModal({
			onOkBut : function(){ },
			onCancelBut : function(){ },
			onLoad : function(){ },
			onClose : function(){ },
			});

inline bind


			<button data-dialogModalBind="#content">example</button>

titleModal

default params


			<button title="Title" data-titleModal="init" data-placement="bottom">Example</button>

HTML素材网--更多特效请访问 www.htmlsucai.com

＊尊重他人劳动成果，转载请自觉注明出处！注：此代码为HTML素材网仅供学习交流，请勿用于商业用途。