一个简单的弹出层插件 – easyDialog

说明:
这个插件只是自己在做项目(看电影啦)的时候需要用到弹出层,但是又苦于市面上的弹出层插件太杂功能又太多,我真正需要的也只是核心的几个部分而已,当然还有就是为了锻炼一下自己的能力,所以就写了这么一个插件easyDialog(当我起这个名字的时候发现以及有人用了,并且也是弹出层),其实我主要是用来做弹出层登入框的!如果用得着的话,可以参考下!
使用方法:

  • 加载jQuery库:
  • <script type="text/javascript"src="./jquery.min.js"></script>

  • 加载插件:
    <script type="text/javascript"src="./easyDialog.min.js"></script>


  • 加载样式表:
    <link rel="stylesheet"href="./easyDialog.css"type="text/css">
  • script调用:
    $.easyDialog({
        container :{
                header:'登入', //title名字
                content:$('#login_box'),//需要弹出的内容
            },
        isOverlay:true,//是否遮罩
        overlay:{
                opacity:0.2,//遮罩的opacity
            }
    });

github:https://github.com/silenceper/easyDialog

Demo:http://silenceper.github.io/easyDialog/demo.html

你可能感兴趣的:(jquery插件,plugin,easyDialog)