layui框架怎么用-創(chuàng)新互聯(lián)

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

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

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

附上layui官網(wǎng)：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>//模塊和回調(diào)函數(shù)<script>//一般直接寫在一個js文件中l(wèi)ayui.use(['layer', 'form'], function(){  var layer = layui.layer  ,form = layui.form;  layer.msg('Hello World');});</script> </body></html>

到這里，我們還需要 聲明需要使用的 模塊 和 回調(diào)函數(shù)。當(dāng)然，參照官方文檔，選擇自己想要的效果就行！！

比如：

接下來我們以一個實例作為結(jié)束

我在官方文檔 導(dǎo)航做例子：

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

<!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="">產(chǎn)品</a></li>    <li><a href="">大數(shù)據(jù)</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="">社區(qū)</a></li></ul><script>    //注意：導(dǎo)航 依賴 element 模塊，否則無法進行功能性操作    layui.use('element', function(){        var element = layui.element;        //…    });</script></body></html>

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

以上是“l(fā)ayui框架怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

標(biāo)題名稱：layui框架怎么用-創(chuàng)新互聯(lián)
URL地址：http://muchs.cn/article46/coeihg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、軟件開發(fā)、網(wǎng)站設(shè)計公司、網(wǎng)站營銷、做網(wǎng)站、網(wǎng)站策劃

廣告

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

成都定制網(wǎng)站網(wǎng)頁設(shè)計