怎么开发小程序商城_layui完成三级导航菜单

日期:2021-01-07 类型:科技新闻 

关键词:快速建站,网站建设系统,免费网页建站,网站免费建设,建站系统

layui实现三级导航菜单     ~   这篇文章主要为大家详细介绍了layui实现三级导航菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" title .Net海 /title link href="~/layui-v2.2.5/layui-v2.2.5/layui/css/layui.css" rel="stylesheet" / //注意路劲 style ol li a { background-color: rgba(0,0,0,1) !important; .three_this { background-color: #808080 !important; /style /head body div div div layui 后台布局 /div li a href="" 控制台 /a /li li a href="" 商品管理 /a /li li a href="" 用户管理 /a /li a href="javascript:;" 日常 /a dd a href="" 邮件管理 /a /dd dd a href="" 消息管理 /a /dd dd a href="" 授权管理 /a /dd /dl /li /ul a href="javascript:;" img src="~/images/tb.png" / .Net海 dd a href="" 基本资料 /a /dd dd a href="" 安全设置 /a /dd /dl /li li a href="" 退出 /a /li /ul /div div div ul lay-filter="test" a class="" href="javascript:;" 所有商品 /a a href="javascript:;" 列表一 /a li a href="javascript:;" 三级列表一 /a /li li a href="javascript:;" 三级列表二 /a /li li a href="javascript:;" 三级列表三 /a /li li a href="" 超链接 /a /li /ol /dd dd a href="javascript:;" 列表二 /a li a href="javascript:;" 三级列表一 /a /li li a href="javascript:;" 三级列表二 /a /li li a href="javascript:;" 三级列表三 /a /li li a href="" 超链接 /a /li /ol /dd dd a href="javascript:;" 列表三 /a /dd dd a href="" 超链接 /a /dd /dl /li li a href="" 云市场 /a /li li a href="" 发布商品 /a /li /ul /div /div div !-- 内容主体区域 -- div 内容主体区域 /div /div div !-- 底部固定区域 -- - 底部固定区域 /div /div //注意路劲 script src="~/layui-v2.2.5/layui-v2.2.5/layui/layui.js" /script script //JavaScript代码区域 layui.use(['element', 'jquery'], function () { var element = layui.element, $ = layui.jquery; $(".menu_three").on("click", function () { $(this).next().toggle(); $.each($(this).parent().siblings(), function (i, e) { $(e).find("ol").hide();; $("ol").on("click", "li a", function () { $.each($(this).parent().siblings(), function (i, e) { $(e).find("a").removeClass('three_this') $(this).addClass('three_this'); // 添加当前元素的样式 /script /body /html

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。