温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jQuery Layer 弹层组件

发布时间:2020-07-08 22:10:17 来源:网络 阅读:557 作者:qq580ad0799dfae 栏目:web开发

layer是一款近年来口碑非常不错的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

在与同类组件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer。layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,皆广受欢迎。当然,这种“王婆卖瓜”的陈述听起来总是有点难受,因此你需要进一步了解她是否真的如你所愿。

在线实例

下载

layer实例DEMO演示-jQuery弹出层插件

layer实例测试

参考手册

 layer API 帮助文档

引入文件

  1. <link rel="stylesheet" href="layer.css" media="all">

  2. <script type="text/javascript" src="jquery.min.js"></script>

  3. <script type="text/javascript" src="layer.js"></script>

复制

使用方法

下载

  1. <a href="javascript:;" onclick="test();">点我弹窗</a>

  2. <script>

  3. function test() {

  4. //在这里面输入任何合法的js语句

  5. layer.open({

  6. type: 1,

  7. //page层

  8. area: ['500px', '300px'],

  9. title: '你好,layer。',

  10. shade: 0.6,

  11. //遮罩透明度

  12. moveType: 1,

  13. //拖拽风格,0是默认,1是传统拖动

  14. shift: 1,

  15. //0-6的动画形式,-1不开启

  16. content: '<div >这是一个非常普通的页面层(type:1),传入了自定义的html</div>'

  17. });

  18. }

  19. </script>


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI