请选择 进入手机版 | 继续访问电脑版
繁体中文

巅峰霸主

 找回密码
 立即注册

QQ登录

只需一步,快速开始

ecshop导航栏下拉菜单二级分类导航下拉方法

[复制链接]
烈火大地 发表于 2018-2-3 17:16:33 | 显示全部楼层 |阅读模式

游客只能显示部分内容,请登录后查看帖子完整内容!!!注册完全免费。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
ecshop二级导航下拉菜单,相对来说很多网站还是需要的,ecshop二级分类导航下拉菜单方法。

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.                         var subdivs = obj.getElementsByTagName("DIV");
  38.                         var ifs = obj.getElementsByTagName("IFRAME");
  39.                         
  40.                         if(subdivs.length>0)
  41.                         {

  42.                                 if(tag==1)
  43.                                 {
  44.                                         subdivs[0].style.display = "block";
  45.                                         ifs[0].style.display = "block";
  46.                                 }
  47.                                 else
  48.                                 {
  49.                                         subdivs[0].style.display = "none";         
  50.                                         ifs[0].style.display = "none";
  51.                                 }
  52.                                  
  53.                         }
  54.                 }

  55.       </script>  
  56. </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. .sub_nav{ background:#999;width:110px; position:absolute; z-index:5003; display:none;margin-left:-12px;}
  8. .nomask{ background:#fff; width:110px; height:50px; position:absolute; z-index:5002;display:none;margin-left:-12px;}
  9. .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;}
  10. .sub_nav a.level_1:hover{color:#fff;background:#55B46C;text-decoration:none;}
复制代码

3.在网站根目录themes/模板名称/下新建util.php文件,在util.php里面输入以下代码即可:

  1. <?php
  2. /**
  3. * 通过传入参数的url判断是否为目录分类,从而获取子菜单
  4. *
  5. * @param string $url
  6. */
  7. function get_subcate_byurl($url)
  8. {
  9.     $rs = strpos($url,"category");
  10.     if($rs!==false)
  11.     {
  12.         preg_match("/\d+/i",$url,$matches);
  13.         $cid = $matches[0];
  14.         $cat_arr = array();
  15.         $sql = "select * from ".$GLOBALS['ecs']->table('category')." where parent_id=".$cid." and is_show=1";
  16.         $res = $GLOBALS['db']->getAll($sql);
  17.          
  18.         foreach($res as $idx => $row)
  19.         {
  20.             $cat_arr[$idx]['id']   = $row['cat_id'];
  21.             $cat_arr[$idx]['name'] = $row['cat_name'];
  22.             $cat_arr[$idx]['url']  = build_uri('category', array('cid' => $row['cat_id']), $row['cat_name']);
  23.             $cat_arr[$idx]['children'] = get_clild_list($row['cat_id']);
  24.         }

  25.         return $cat_arr;
  26.     }
  27.     else  
  28.     {
  29.         return false;
  30.     }
  31. }

  32. function get_clild_list($pid)
  33. {
  34.    //开始获取子分类
  35.     $sql_sub = "select * from ".$GLOBALS['ecs']->table('category')." where parent_id=".$pid." and is_show=1";

  36.     $subres = $GLOBALS['db']->getAll($sql_sub);
  37.     if($subres)
  38.     {
  39.         foreach ($subres as $sidx => $subrow)
  40.         {
  41.             $children[$sidx]['id']=$subrow['cat_id'];
  42.             $children[$sidx]['name']=$subrow['cat_name'];
  43.             $children[$sidx]['url']=build_uri('category', array('cid' => $subrow['cat_id']), $subrow['cat_name']);
  44.         }
  45.     }
  46.     else  
  47.     {
  48.         $children = null;
  49.     }
  50.             
  51.     return $children;
  52. }

  53. ?>
复制代码

回复

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|Archiver|巅峰霸主 ( 京ICP备12023415号-2 )

JS of wanmeiff.com and vcpic.com Please keep this copyright information, respect of, thank you!JS of wanmeiff.com and vcpic.com Please keep this copyright information, respect of, thank you!

声明:本站的任何信息和内容仅代表作者的立场和观点,与巅峰霸主网无关。

禁止在巅峰霸主网发布任何与《中华人民共和国法律》相抵触的言论!

GMT+8, 2018-6-20 02:02 , Processed in 0.135546 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表