轻量级弹出框Pop Easy
在线演示
Pop Easy是一轻量级的jQuery插件,可以轻松地创建模态窗口。打开一个可定制的模态窗口,将焦点放在重要元素。支持Iframe。兼容大部分浏览器,包括IE7+。大家可以学习利用起来。HTML
Include Script Files Include current version of jQuery <script type='text/javascript' src='js/jquery.modal.js'></script> <script type='text/javascript' src='js/site.js'></script> Place in body <a class="modalLink" href="#">Click Me <div class="overlay"></div> <div class="modal"> <a href="#" class="closeBtn">Close Me</a> <!-- content here --> </div>
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:'http://player.vimeo.com/video/9641036?color=eb5a3d', close:'.closeBtn' });
});
【轻量级弹出框Pop Easy】相关文章
5. Zrender——轻量级Canvas类库,让绘图大不同!
6. BLACKHOLE – 易于定制、轻量级的SASS/CSS框架
10. jQuery轻量级补间动画工具库-jQueryTween
本文来源:https://www.51html5.com/a3294.html
﹝轻量级弹出框Pop Easy﹞相关内容
- 一个轻量级的JavaScript库:Reactor.js
- 为现代浏览器而生的轻量级JavaScript库
- 简单的,轻量级的 jQuery 仪表板插件
- JX.Animate:腾讯开源的轻量级CSS3动画库
- Shannon Larratt’s APOPHIS 2029
- Shannon Larratt’s APOPHIS 2029
- PopCap牵手HTML5 推出新版《宝石迷阵》
- Popline:帅气的浮动 HTML5 文本编辑器工具栏
- 用户界面框架jQuery EasyUI 1.4发布[附下载]
- jQuery圆形倒计时插件:ClassyCountdown