欢迎来到资源库(www.zyku.net)

ECShop

当前位置:首页 > CMS教程 > ECShop > 主导航

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

时间:2017-02-19|栏目:ECShop|点击:|我要投稿

在ecshop二次模板制作中经常会用到使用当前栏目高亮这个效果,页面看上去更加生动,给用户一定的引导性,下面我就提供关于ecshop导航中当前栏目高亮效果的源代码以及CSS:

复制下面代码到page_hader.lbi:

复制内容到剪贴板折叠XML/HTML 代码

  {$lang.home}
  {$nav.name}

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;}/*高亮显示*/

(资源库 www.zyku.net)

上一篇:解决ecshop提示不支持jpeg类型图片的方法

栏    目:ECShop

下一篇:几点ecshop优化技巧

本文标题:ecshop主导航当前栏目高亮状态的实现方法

本文地址:https://www.zyku.net/ecshop/701.html

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等内容,均由网友发表或上传并维护或收集自网络,仅供个人学习交流使用,版权归原作者所有。

如有侵犯您的版权,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务