jquery多功能弹出窗口插件PopModal.js

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>

转载请注明出处，此代码仅供学习交流，请勿用于商业用途。

下载代码说明

X关闭

jquery多功能弹出窗口插件PopModal.js

jquery多功能弹出窗口插件PopModal.js，支持鼠标滑过信息提示，支持鼠标点击弹出层展示，支持自定义弹出框样式jQuery插件。