HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 轻量级弹出框Pop Easy

轻量级弹出框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】相关文章

1. 轻量级弹出框Pop Easy

2. Prompt轻量级提示框弹出层Jquery插件

3. Prompt轻量级提示框弹出层Jquery插件

4. EasyDropDown:很棒的下拉菜单,含精美主题

5. Zrender——轻量级Canvas类库,让绘图大不同!

6. BLACKHOLE – 易于定制、轻量级的SASS/CSS框架

7. 一个轻量级CSS3动画库:JX.Animate

8. 简单的,轻量级的 jQuery 仪表板插件

9. jQuery超酷轻量级响应式lightbox插件

10. jQuery轻量级补间动画工具库-jQueryTween

本文来源:https://www.51html5.com/a3294.html

点击展开全部

﹝轻量级弹出框Pop Easy﹞相关内容

「轻量级弹出框Pop Easy」相关专题

其它栏目

也许您还喜欢