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

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

当前位置: 主页>网站教程>Ecshop教程> ecshop简单三部实现导航分类二级菜单
分享文章到:

ecshop简单三部实现导航分类二级菜单

发布时间:12/03 来源: 浏览: 关键词:

 1.在page_header.lbi对应的位置(你想显示导航的位置)插入

  (注意下面的"themes/模板名称/util.php"中的"模板名称"改成你模板文件夹的名称)

 

  1. <?php 
  2.     require_once("themes/模板名称/util.php"); 
  3. ?> 
  4. <div class="header-menu">  
  5.              <p {if $navigator_list.config.index eq 1} class="cur" {/if}><a href="../index.php">{$lang.home}</a></p>   
  6.                 <ul>                   
  7.                   <!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} --> 
  8.                    <li onMouseOver="sw_nav(this,1);" onMouseOut="sw_nav(this,0);" {if $nav.active eq 1} class="curs"{/if}> 
  9.                    <a href="{$nav.url}" {if $nav.opennew eq 1}target="_blank" {/if}>{$nav.name}</a> 
  10.                   <?php  
  11.                                   $subcates = get_subcate_byurl($GLOBALS['smarty']->_var['nav']['url']); 
  12.                              if($subcates!=false) 
  13.                         { 
  14.                                 if(count($subcates)>0) 
  15.                             { 
  16.                                     echo "<div class='sub_nav'>"; 
  17.                                  
  18.                                 if($subcates) 
  19.                                 { 
  20.                                 foreach($subcates as $cate) 
  21.                                 { 
  22.                                         echo "<a href='".$cate['url']."' class='level_1'>".$cate['name']."</a>"; 
  23.                                     
  24.                                 } 
  25.                                 }                                 
  26.                                 echo "</div><iframe frameborder='0' scrolling='no' class='nomask'></iframe>"; 
  27.                             } 
  28.                         } 
  29.                              ?> 
  30.                    </li> 
  31.                  <!-- {/foreach} --> 
  32.             </ul> 
  33.       <script type="text/javascript"> 
  34.       //初始化主菜单 
  35.                 function sw_nav(obj,tag) 
  36.                 { 
  37.  
  38.                         var subdivs = obj.getElementsByTagName("DIV"); 
  39.                         var ifs = obj.getElementsByTagName("IFRAME"); 
  40.                          
  41.                         if(subdivs.length>0) 
  42.                         { 
  43.  
  44.                                 if(tag==1) 
  45.                                 { 
  46.                                         subdivs[0].style.display = "block"; 
  47.                                         ifs[0].style.display = "block"; 
  48.                                 } 
  49.                                 else 
  50.                                 { 
  51.                                         subdivs[0].style.display = "none";         
  52.                                         ifs[0].style.display = "none"; 
  53.                                 } 
  54.                                  
  55.                         } 
  56.                 } 
  57.  
  58.       </script>  
  59. </div> 

 

2.在CSS文件中插入

 

  1. .header-menu p{ float:left;padding:1px 12px 1px 0;margin-top:-2px;} 
  2. .header-menu  ul li{float:left;padding:1px 12px 1px 12px;margin-top:-2px;} 
  3. .header-menu ul li a,.header-menu p a{color: #333;display:block;} 
  4. .header-menu ul li a:hover,.header-menu p a:hover{color:#888;} 
  5. .header-menu ul li.curs{background:#999;} 
  6. .header-menu ul li.curs a{color:#fff;} 
  7.  
  8. .sub_nav{ background:#999;width:110px; position:absolute; z-index:5003; display:none;margin-left:-12px;} 
  9. .nomask{ background:#fff; width:110px; height:50px; position:absolute; z-index:5002;display:none;margin-left:-12px;} 
  10. .sub_nav a.level_1{ display:block;color:#fff;padding:6px 6px 6px 13px;font:11px Tahoma,Verdana,PMingLiU,Arial;border-bottom:1px dotted #D1D1D1;*border-bottom:1px dotted #D1D1D1 !important;*border-bottom:1px solid #A8A8A8;} 
  11. .sub_nav a.level_1:hover{color:#fff;background:#55B46C;text-decoration:none;} 

3.把以下代码编辑成(util.php)解压出来拷贝到模板目录下

 

  1.  <?php 
  2. /** 
  3.  * 通过传入参数的url判断是否为目录分类,从而获取子菜单 
  4.  * 
  5.  * @param string $url 
  6.  */ 
  7. function get_subcate_byurl($url) 
  8.     $rs = strpos($url,"category"); 
  9.     if($rs!==false) 
  10.     { 
  11.         preg_match("/\d+/i",$url,$matches); 
  12.         $cid = $matches[0]; 
  13.         $cat_arr = array(); 
  14.         $sql = "select * from ".$GLOBALS['ecs']->table('category')." where parent_id=".$cid." and is_show=1"; 
  15. 打赏

    打赏

    取消

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

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

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

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

相关文章

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

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板