百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>Ecshop教程> ecshop主导航当前栏目高亮状态的实现方法
分享文章到:

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

发布时间:12/03 来源: 浏览: 关键词:
在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;}/*高亮显示*/ 
打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

相关文章

共有6人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板