jQuery弹出层插件Moa Modal

特点

自定义动画和定位

自定义模态窗口样式，没有预定义的样式表！.

感谢网友Hero提供的方法

用法

1- HEADER

<link href="/component_v1.0/moaModal-master/css/style.css" rel="stylesheet" type="text/css">
<script src="/component_v1.0/moaModal-master/js/Sweefty.js" type="text/javascript"></script>
<script src="/component_v1.0/moaModal-master/js/moaModal.minified.js" type="text/javascript"></script>
<script src="/component_v1.0/moaModal-master/js/extension.js" type="text/javascript"></script>

2- HTML

<div id="workbook" class="pf_work"><a href="#" class="workbook1"><img src="/main_style/img/work_book.jpg"></a></div>
<div id="workbookQuery" class="block modal2">&nbsp;</div>

3- Javascript

<script>
	$(document).ready(function() {
		$('.workbook1').modal({
			target: '#workbookQuery',
			speed: 500,
			easing: 'easeOutBack',
			animation: 'right',
			position: '10% 50%',
			overlayClose: true,
			on: 'click'
		});

	});
</script>

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com