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

首页 » PageAdmin使用区 » 安装及使用交流 » 如何实现更改导航栏样式
jiweihaofang - 2021/8/2 14:36:45
如何实现这样的导航效果   哪位大神给点思路

附件: 9541d64f09dfd82694f66f3a423f4f2.png
lee5031 - 2021/8/2 15:03:32
改模板需要前端基础,不懂的话说了你也懵逼的
jiweihaofang - 2021/8/2 15:08:08
回复 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  但是又不知道咋找二级
xiyou - 2021/8/2 15:56:29
用Html.SiteColumnsHtml标签就可以获取所有栏目html树结构
在通过css结合jquery就可以很好排版了,别复杂化
jiweihaofang - 2021/8/2 16:08:59
回复 4楼xiyou的帖子

Html.SiteColumnsHtml   这直接嵌套的的是一层层的  ul  和 li   您能说的再详细一点吗
xiyou - 2021/8/2 17:01:58
css控制ul li不是比你写哪个更简单吗
1
查看完整版本: 如何实现更改导航栏样式