西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > ecshop教程 >

ecshop主导航当前栏目高亮状态的实现方法

时间:2016-10-17 02:04来源:未知 作者:好模板 点击:次
在ecshop二次模板制作中经常会用到使用当前栏目高亮这个效果，页面看上去更加生动，给用户一定的引导性，下面我就提供关于ecshop导航中当前栏目高亮效果的源代码以及CSS： 复制下面
在ecshop二次模板制作中经常会用到使用当前栏目高亮这个效果，页面看上去更加生动，给用户一定的引导性，下面我就提供关于ecshop导航中当前栏目高亮效果的源代码以及CSS：
复制下面代码到page_hader.lbi：
复制内容到剪贴板折叠XML/HTML 代码
<div class="naver">  
    <ul>  
      <li><a {if $navigator_list.config.index eq 1} class="cur"{/if} href="../index.php">{$lang.home}<span></span></a></li>  
      <!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->  
      <li><a {if $nav.active eq 1} class="cur"{/if} href="{$nav.url}" {if $nav.opennew eq 1}target="_blank" {/if}>{$nav.name}<span></span></a></li>  
      <!-- {/foreach} -->  
    </ul>  
</div>  
css样式代码，复制下面代码到style.css：
复制内容到剪贴板折叠XML/HTML 代码
.naver {background:#000;height:42px;line-height:42px;}  
.naver li {float:left;}  
.naver li a {display:block;padding:0 25px;color:#fff;}  
.naver li a.cur {background:#333;color:#fff;}/*高亮显示*/  
(责任编辑：好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容
随机内容
随机模板
CopyRight © 2010-2023 乐道主机 All Rights Reserved.