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>

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>

titleModal

default params


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

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

X关闭

popModal—jQuery多功能支持自定义滚动条弹出窗口插

popModal包含5部分: popModal――弹出窗口,显示在父元素。通过点击一个元素调用 notifyModal通知弹出,显示在所有元素。调用事件,一段时间后隐藏 hintModal,工具提示显示在父元素。上调用鼠标悬停于一个元素,元素失去焦点后隐藏 dialogModal -模态对话框,显示在所有元素。通过点击一个元素调用 titleModal,工具提示显示在父元素附近,取代本地