模态窗口_扩展部分_网站宝库

默认效果

效果演示
Html代码

<button class="ui-btn ui-modal-show" data-target="#my-modal-1">小尺寸</button>
<button class="ui-btn ui-modal-show" data-target="#my-modal-2">标准尺寸</button>
<button class="ui-btn ui-modal-show" data-target="#my-modal-3">大尺寸</button>
<button class="ui-btn ui-modal-show" data-target="#my-modal-4">超大尺寸</button>

动画效果

效果演示
Html代码

<button class="ui-btn ui-modal-show" data-target="#my-modal-5">沿X轴转动</button>
<button class="ui-btn ui-modal-show" data-target="#my-modal-6">Dialog渐入</button>

Js调用

代码演示

<script>
$(function()
{
	/*Js开启模态窗口
	$("#my-modal-1").modal('show');

	/*Js关闭模态窗口*/
	$$("#my-modal-1").modal('close');
})
</script>