博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
layer-想到即做到酷炫web弹框/层
阅读量:6325 次
发布时间:2019-06-22

本文共 605 字,大约阅读时间需要 2 分钟。

             双节临近,最近加足马力做一个砸金蛋活动,我负责后台,我们通常用到的UI框架有easyUI、bootStrap,而我今天将的这个layer工具更加有针对性,它针对弹框/层等,非常人性化,而且0基础就可上手,只要引入文件,在线调试成功就可以放到我们的代码中,这是它的官网,据了解开发这个工具的是个女生,她自己一个人写出来的,非常牛!给大家推荐一下她的官网:,还有她的博客:,非常棒,而且群众呼声很高!

              下面用一个简单的“加载中”效果来做个演示:

             首先,部署:

             

               第二步:引入

               你不必去管那些文件是干嘛的,你只需要认准一个文件:layer.js 没错,当你试图在页面呈现layer的时候,你应该这样去做:

               

               第三步:使用

              是时候目睹layer的挫样了,由于她是基于jQuery,你可以选择用jQuery的api方式去抒写。当你想弹出一个layer实例的时候,你首先应该绑定事件:             

//弹出一个loading层$('#test4').on('click', function(){    var ii = layer.load();    //此处用setTimeout演示ajax的回调    setTimeout(function(){        layer.close(ii);    }, 1000);});

             

               就这样一个加载层的效果就出来了,这里不太方便展示效果,但是layer文档很详细,感兴趣就赶紧看看吧!

你可能感兴趣的文章
12月25日云栖精选夜读 | Python拼接字符串的七种方式 ...
查看>>
swap释放过程浅析
查看>>
2017-12-21 FriceEngine试用与API中文化
查看>>
【云周刊】第212期:发布SaaS加速器:我们不做SaaS,我们只做SaaS生态的推进者和守护者...
查看>>
企业级性能、安全可靠 阿里云发布企业级大数据平台开发者版
查看>>
发力1小时到家服务,山姆与京东到家共建前置仓获10倍坪效、60%月复购率
查看>>
java B2B2C 源码多租户电子商城系统-Spring Cloud组件详解
查看>>
苹果又挖VR界大牛,这次是Jaunt 的创始人
查看>>
【直播回顾】云栖社区特邀专家蒋泽银:Jpom一款低侵入式Java运维、监控软件...
查看>>
CefSharp中ChromiumWebBrowser打开新页面处理(_blank)
查看>>
解决ipad连接不上电脑的问题
查看>>
全球数字化报告 2019 发布:每 11 秒产生一位网络新人
查看>>
Kubernetes(六) - Secret和私有仓库认证
查看>>
DBeaver 社区版 6.0.2 发布,可视化数据库管理平台
查看>>
jQuery自定义右键菜单
查看>>
分布式工具的一次小升级⏫
查看>>
WPF 降低.net framework到4.0
查看>>
计算机网络中的应用层
查看>>
iOS NSURLSession UploadTask(上传任务)
查看>>
在Linux 中安装cmus 用命令行中玩转音乐库
查看>>