插件描述：Moa Modal是一个jquery插件,提供了9种弹出层效果兼容性还可以支持ie6以上版本浏览器.
特点
自定义动画和定位
自定义模态窗口样式，没有预定义的样式表！.
感谢网友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"> </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>
PREVIOUS:
NEXT:
相关插件-弹出层
一款简单实用的弹窗插件JMask（原创）
JMask是一款遮罩插件，其小巧灵活，在项目开发中方便实用。使用方式也特别简单，只需要引入一个js文件，该插件基于JQuery开发，所以使用之前需要引入JQuery文件。
弹出层
讨论这个项目（9）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
?.So.??ber.???? 0
2016/7/28 10:07:47
-
怎么点击关闭? 我找了一天,没有一篇帖子是这样的.你这些说明文档里给出例子不好吗?样式订了一大堆,啥用啊.我们会用么?
西瓜0
2016/7/28 11:07:37
最后一个 例子Expand中不是就有关闭的方法，close : '.close'
$('.demo8').click(function(){
$('#demoModal2').modal('view',{
speed : 800,
easing : 'easeInOutElastic',
animation : 'top height width',
position: '10% auto',
overlayClose : false,
on : 'click',
overlayColor : '#ccc',
overlayOpacity : .9,
close : '.close'
});
});
MAN0
2016/9/8 8:09:20
-
认真点，大兄弟
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
