SDCMS采用IF判断做到菜单高亮效果的具体方法

最近忙于给客户定制了几套SDcms，于是对SDCMS程序有所熟悉，今天在这里先分享下载SDCMS中导航栏菜单调用中如果让当前栏目菜单高亮，之后CuoXin.COM将陆续与大家分享一些SDCMS的细节技巧！

在SDCMS1.3版本中，导航菜单栏的调用代码是：

 

 
网站首页

  {sdcms:loop top="10" field="id,title,ClassUrl" table="sd_class" where="followid=0" order="ordnum,id"}
 

 
{title}

  {/sdcms:loop}
 

如果用UL、LI标签，那么是：

   

       
• 首 页

{sdcms:loop top="10" field="id,title,ClassUrl" table="sd_class" where="followid=0" order="ordnum,id"}
       
• {title}

{/sdcms:loop}
   

可以看出，我们可以定制li或者a标签的class，做到当前栏目高亮。在这里，就用到IF判断语句：

 [if {sdcms:class_id}={id}]style="font-weight:bold;"[end if]

加上之后，代码变为下面的代码就好了！

   

       
• 首 页

{sdcms:loop top="10" field="id,title,ClassUrl" table="sd_class" where="followid=0" order="ordnum,id"}
        {title}
{/sdcms:loop}
   

具体效果抓图：

当然，你要在css中间定义好class="selected"的CSS样式。在这里，cuoxin分享具体的CSS代码：

#menu{ width:100%; padding:0px; margin:0 auto; font-size:14px; height:37px; background:url(images/menu_bg.jpg) no-repeat center 0; margin-top:0px; }

#menu a{ color:#FFFFFF; font-weight:600; text-decoration:none;}