html5 开发——轻量级弹出框Pop Easy

　　——Pop Easy是一轻量级的jQuery插件，可以轻松地创建模态窗口。打开一个可定制的模态窗口，将焦点放在重要元素。支持Iframe。兼容大部分浏览器，包括IE7+。

　　HTML

　　Include Script Files

　　Include current version of jQuery

　　Place in body

　　Click Me

　　Close Me

　　CSS

　　.overlay{

　　width: 100%;

　　height: 100%;

　　position: fixed;

　　top: 0;

　　left: 0;

　　z-index: 1000;

　　display: none;

　　}

　　.modal{

　　display: none;

　　background:#eee;

　　padding:0 20px 20px;

　　overflow:auto;

　　z-index:1001;

　　position:absolute;

　　width: 500px;

　　min-height: 300px;

　　}

　　JavaScript

　　$(document).ready(function(){

　　$('.modalLink').modal({

　　trigger: '.modalLink',

　　olay:'div.overlay',

　　modals:'div.modal',

　　animationEffect: 'slidedown',

　　animationSpeed: 400,

　　moveModalSpeed: 'slow',

　　background: '00c2ff',

　　opacity: 0.8,

　　openOnLoad: false,

　　docClose: true,

　　closeByEscape: true,

　　moveOnScroll: true,

　　resizeWindow: true,

　　video:'',

　　close:'.closeBtn'

　　});

　　});

　　想要了解更多有关html5开发的知识可以查询：天地会。