Layui 出蛋於2016年金秋，是一款帶著濃烈情懷的國產前端UI框架，她追求極簡，又不失豐盈的內在，說她是史上最輕量的結晶，似乎並不為過。一切都源自於她對原生態的執著，對前端社群的那些噪雜聲音的過濾，以及她本身的精心雕琢。

其中包括很多元件，在實戰中很適應。每個元件官網都有API,可以根據自己 的需求修改

1、layer 一款近年來備受青睞的web彈層元件

<div class="box" style="text-align:center">
  <a href="javascript:;" id="about">關於</a>
</div
 
>

<script>
$(window).ready(function(e) {
        $('#about').click(function(){
        //自定頁
        layer.open({
          type: 1,
          title:'登陸',
          skin: 'layui-layer-demo', //樣式類名
          closeBtn: 0, //不顯示關閉按鈕
          anim: 2,
          shadeClose: true, //開啟遮罩關閉
          content: '<div style=" padding:20px;"><form action="#" method="post">賬號：<input type="text"></form></div>'
 

        });
    })
});
</script>

2、layDate 致力於成為全球最用心的web日期支撐，為國內外所有從事web應用開發的同仁提供力所能及的動力.

3、layPage 是一款多功能的js分頁元件，即適用於非同步分頁，又可用於傳統的整頁重新整理跳頁，還支援資訊流載入，並且可無縫遷移至Node.js平臺.

…