PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

如何实现更改导航栏样式 [复制链接]

1#
如何实现这样的导航效果   哪位大神给点思路
9541d64f09dfd82694f66f3a423f4f2.png (, 下载次数:0)

(2021/8/2 14:36:45 上传)

9541d64f09dfd82694f66f3a423f4f2.png

分享 转发
TOP
2#

改模板需要前端基础,不懂的话说了你也懵逼的
TOP
3#

回复 2楼lee5031的帖子

我现在的思路是@* @Html.SiteColumnsHtml() *@
        <ul>
          @{
            var columnList = Html.GetColumnList(c => c.SiteId == 1 && c.Level == 1 && c.Show == 1);
            foreach (var item in columnList)
            {
              var url = Html.ColumnUrl((int)item.Id);
              <li onmouseover="movelist(@item.Id)"><a href="@url">@item.Name</a></li>
            }
          }




  function movelist(id) {
    //首先根据一级菜单获取二级菜单
    //  IEnumerable < dynamic > columnList=@Html.GetColumnList(c => c.SiteId == id);//获取当前站点的所有栏目数据集
    console.log(id)
  }

把一级获取出来以后  绑定一个事件传过去  id   根据一级id   找  二级id  但是又不知道咋找二级
TOP
4#

用Html.SiteColumnsHtml标签就可以获取所有栏目html树结构
在通过css结合jquery就可以很好排版了,别复杂化
TOP
5#

回复 4楼xiyou的帖子

Html.SiteColumnsHtml   这直接嵌套的的是一层层的  ul  和 li   您能说的再详细一点吗
TOP
6#

css控制ul li不是比你写哪个更简单吗
TOP
发新话题 回复该主题