请选择 进入手机版 | 继续访问电脑版

草根站长网论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 633|回复: 0

[教程] 织梦dedecms导航栏目列表<li>标签调用不同CSS样式(已解决)

[复制链接]

56

主题

56

帖子

300

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
300
发表于 2019-2-1 16:23:26 | 显示全部楼层 |阅读模式
  1.         <ul class="nav">
  2.                 <li class="home"><a href="/"><span>首页</span></a></li>
  3.                 <li class="func"><a href="function.html" class="on"><span>功能</span></a></li>
  4.                 <li class="buy"><a href="buy.html"><span>购买</span></a></li>
  5.                 <li class="about"><a href="about.html"><span>关于</span></a></li>
  6.                 <li class="help"><a href="help_use.html"><span>帮助</span></a></li>
  7.                 <li class="bbs"><a href="http://bbs.somao123.com/" target="_blank"><span>论坛</span></a></li>
  8.         </ul>
复制代码
【源文件代码】


解决代码:
  1. <ul class="nav">
  2.           {dede:channel type='top' row='6' currentstyle="<li><a href='~typelink~' class='on'>~typename~</a> </li>"}

  3.           <li [field:global name=autoindex runphp="yes"]if(@me==0)@me=" class=\"home\"";elseif(@me==1)@me=" class=\"func\"";elseif(@me==2)@me=" class=\"buy\"";elseif(@me==3)@me=" class=\"about\"";elseif(@me==4)@me=" class=\"help\"";else @me=" class=\"bbs\"";[/field:global]><a href="[field:typelink /]" [field:global name=autoindex runphp="yes"]if(@me==0)@me=" class=\"on\"";[/field:global]><span>[field:typename/]</span></a></li>

  4.           {/dede:channel}
  5. </ul>
复制代码

解释一:由于<li>标签里面有不同class样式,而<li>标签是循环的,所以我们用到了织梦dedecms自增变量autoindex标签。【代码如下:】
  1. [field:global name=autoindex runphp="yes"]if(@me==0)@me=" class=\"home\"";elseif(@me==1)@me=" class=\"func\"";elseif(@me==2)@me=" class=\"buy\"";elseif(@me==3)@me=" class=\"about\"";elseif(@me==4)@me=" class=\"help\"";else @me=" class=\"bbs\"";[/field:global]
复制代码
解释二:还有由于每个栏目都会有一个class=on的高亮显示,如果只单独使用channel标签下的高亮功能,那么打开网站首页时  “首页”栏目没有被高亮显示【如下图】,所以我在<a>标签下也用了一个autoindex自变量,代码如下:

  1. <a href="[field:typelink /]" [field:global name=autoindex runphp="yes"]if(@me==0)@me=" class=\"on\"";[/field:global]><span>[field:typename/]</span></a>
复制代码
  1. [field:global name=autoindex runphp="yes"]if(@me==0)@me=" class=\"on\"";[/field:global]
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



QQ|Archiver|手机版|小黑屋|草根站长网论坛  

GMT+8, 2019-10-19 01:13 , Processed in 0.087010 second(s), 26 queries .

Powered by Discuz! X3.2 Designed by ZZBBS.CC

© 2001-2014 Comsenz Inc.

快速回复 返回顶部 返回列表