1. 程式人生 > >layui---彈層元件,日期控制元件,分頁元件

layui---彈層元件,日期控制元件,分頁元件

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平臺.