动态中心 news

在线客服:客服 客服


移动端列表页带下属栏目

 编辑:waimaoxing  浏览:

html:

 

<div class="mlist_nav">

                <ul>

                    <li><a href="{dede:type typeid='1'}[field:typelink /]{/dede:type}" {dede:field name="typeid" runphp="yes"}(@me==1)? @me=" class='cur'":@me="";{/dede:field}>全部</a></li>

                {dede:channel typeid='1' currentstyle="<li><a href='~typelink~' class='cur'>~typename~</a></li>"}

                <li><a href='[field:typelink/]'>[field:typename/]</a></li>

                {/dede:channel}

                </ul>

             </div>

 

css:

 

.mlist_nav{}
.mlist_nav ul li{ width: 43%; margin-left: 3%;margin-top: 20px; font-size: 0.2rem; height: 38px; background: #f3f3f3; display: inline-block; text-align: center; line-height: 38px; }
.mlist_nav ul li a{ color: #474747}
.cur{ background: #f07a08; width: 100%; height: 38px;  display: block;}
.cur{ color: #fff!important }


关键词:

相关文章分享:
  • ·分享一段织梦DEDECMS移动端跳转代码
  • ·分享一段有关移动端常用的前端代码
  • ·如何不让同行复制代码?分享一段网页禁止复制js代码
  • ·远人侧边导航固定代码
  • ·JQ实现滑动门切换效果代码分享
  • ·视频点击播放再点击暂停代码
  • ·分享如何让JQ实现点击加1,只能点1次
  • ·分享顶端导航固定代码