layui框架怎么用-創新互聯

這篇文章主要介紹layui框架怎么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創新互聯公司-專業網站定制、快速模板網站建設、高性價比鄂倫春網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式鄂倫春網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋鄂倫春地區。費用合理售后完善，十余年實體公司更值得信賴。

layui（諧音：類UI) 是一款采用自身模塊規范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。但是想用它，必須要按照他的規矩老干事，畢竟那人的手短，騷操作可以有，那也是規矩里的。

附上layui官網：https://www.layui.com/

下載完后我們將其解壓拿出 layui 文件夾。打開編輯器，將其放入。

然后在html中開始引入css文件和js文件。在這里我們需要的是 layui.css 和 layui.js 這兩個layui核心文件。

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Title</title>    <link rel="stylesheet" href="layui/css/layui.css">    <script src="layui/layui.js"></script></head><body>//模塊和回調函數<script>//一般直接寫在一個js文件中layui.use(['layer', 'form'], function(){  var layer = layui.layer  ,form = layui.form;  layer.msg('Hello World');});</script> </body></html>

到這里，我們還需要聲明需要使用的模塊和回調函數。當然，參照官方文檔，選擇自己想要的效果就行??！

比如：

接下來我們以一個實例作為結束

我在官方文檔導航做例子：

大家沒看錯，我就是拷貝下來，然后

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Title</title>    <link rel="stylesheet" href="layui/css/layui.css">    <script src="layui/layui.js"></script></head><body><ul lay-filter="">    <li><a href="">新活動</a></li>    <li class="layui-nav-item layui-this"><a href="">產品</a></li>    <li><a href="">大數據</a></li>    <li>        <a href="javascript:;">解決方案</a>        <dl> <!-- 二級菜單 -->            <dd><a href="">移動模塊</a></dd>            <dd><a href="">后臺模版</a></dd>            <dd><a href="">電商平臺</a></dd>        </dl>    </li>    <li><a href="">社區</a></li></ul><script>    //注意：導航 依賴 element 模塊，否則無法進行功能性操作    layui.use('element', function(){        var element = layui.element;        //…    });</script></body></html>

就沒有然后了，這樣子就好了，效果拿來了…

以上是“layui框架怎么用”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯行業資訊頻道！

標題名稱：layui框架怎么用-創新互聯
URL地址：http://m.newbst.com/article46/coeihg.html

成都網站建設公司_創新互聯，為您提供網站排名、軟件開發、網站設計公司、網站營銷、做網站、網站策劃

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

layui框架怎么用-創新互聯