jQuery弹出层插件Moa Modal

所属分类:UI-弹出层

 46894  151  查看评论 (8)
jQuery弹出层插件Moa Modal ie兼容6

特点

自定义动画和定位

自定义模态窗口样式,没有预定义的样式表!.


感谢网友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>
相关插件-弹出层

jQuery手机端遮罩弹出菜单代码

jQuery手机端遮罩弹出菜单代码
  弹出层
 18102  135

Bootstrap提取modal,原汁原味

找了大半天,最终还是自己提取的好,modal所有参数都可以使用
  弹出层
 3302  9

过渡动画效果的Bootstrap模态窗口

这是一款基于velocity.js过渡动画效果的Bootstrap模态窗口和Popover。该效果在Bootstrap模态窗口和Popover的基础上,使用velocity.js来制作模态窗口和Popover打开时的动画过渡效果。
  弹出层
 6936  54

带动画效果jQuery+CSS3实现的弹出框弹出层效果

带动画效果jQuery+CSS3实现的弹出框弹出层效果
  弹出层
 36733  106

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    寝室长 0
    2017/7/28 17:33:52
    怎么让modal可用鼠标拖动 回复
    liti 0
    2017/1/12 14:01:31

    CSS这个在html中包含了。

    回复
    ?.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
        认真点,大兄弟
    回复
    忧郁的狮子座Q旭 0
    2016/5/24 16:05:41
    它能不由按钮点击,而是表单体检事件触发吗 回复
    魔改谢馒头 0
    2015/10/14 19:10:34

    extension.js 这个也木有

    回复
    wf123537200 0
    2014/11/4 8:30:58
取消回复