当前位置: 首页 > 站长资讯 > 正文页面

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

1.在page_header.lbi对应的位置(你想显示导航的位置)插入poS网站目录_网站网址收录与提交入口

(注意下面的"themes/模板名称/util.php"中的"模板名称"改成你模板文件夹的名称)poS网站目录_网站网址收录与提交入口

<?phppoS网站目录_网站网址收录与提交入口

require_once("themes/模板名称/util.php");poS网站目录_网站网址收录与提交入口

?>poS网站目录_网站网址收录与提交入口

<div class="header-menu">poS网站目录_网站网址收录与提交入口

<p {if $navigator_list.config.index eq 1} class="cur" {/if}><a href="../index.php">{$lang.home}</a></p>poS网站目录_网站网址收录与提交入口

<ul>poS网站目录_网站网址收录与提交入口

<!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->poS网站目录_网站网址收录与提交入口

<li onMouseOver="sw_nav(this,1);" onMouseOut="sw_nav(this,0);" {if $nav.active eq 1} class="curs"{/if}>poS网站目录_网站网址收录与提交入口

<a href="{$nav.url}" {if $nav.opennew eq 1}target="_blank" {/if}>{$nav.name}</a>poS网站目录_网站网址收录与提交入口

<?phppoS网站目录_网站网址收录与提交入口

$subcates = get_subcate_byurl($GLOBALS['smarty']->_var['nav']['url']);poS网站目录_网站网址收录与提交入口

if($subcates!=false)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

if(count($subcates)>0)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

echo "<div class='sub_nav'>";poS网站目录_网站网址收录与提交入口

if($subcates)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

foreach($subcates as $cate)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

echo "<a href='".$cate['url']."' class='level_1'>".$cate['name']."</a>";poS网站目录_网站网址收录与提交入口

}poS网站目录_网站网址收录与提交入口

}poS网站目录_网站网址收录与提交入口

echo "</div><iframe frameborder='0' scrolling='no' class='nomask'></iframe>";poS网站目录_网站网址收录与提交入口

}poS网站目录_网站网址收录与提交入口

}poS网站目录_网站网址收录与提交入口

?>poS网站目录_网站网址收录与提交入口

</li>poS网站目录_网站网址收录与提交入口

<!-- {/foreach} -->poS网站目录_网站网址收录与提交入口

</ul>poS网站目录_网站网址收录与提交入口

<script type="text/javascript">poS网站目录_网站网址收录与提交入口

//初始化主菜单poS网站目录_网站网址收录与提交入口

function sw_nav(obj,tag)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

var subdivs = obj.getElementsByTagName("DIV");poS网站目录_网站网址收录与提交入口

var ifs = obj.getElementsByTagName("IFRAME");poS网站目录_网站网址收录与提交入口

if(subdivs.length>0)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

if(tag==1)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

subdivs[0].style.display = "block";poS网站目录_网站网址收录与提交入口

ifs[0].style.display = "block";poS网站目录_网站网址收录与提交入口

}poS网站目录_网站网址收录与提交入口

elsepoS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

subdivs[0].style.display = "none";poS网站目录_网站网址收录与提交入口

ifs[0].style.display = "none";poS网站目录_网站网址收录与提交入口

}poS网站目录_网站网址收录与提交入口

}poS网站目录_网站网址收录与提交入口

}poS网站目录_网站网址收录与提交入口

</script>poS网站目录_网站网址收录与提交入口

</div>poS网站目录_网站网址收录与提交入口

2.在CSS文件中插入poS网站目录_网站网址收录与提交入口

.header-menu p{ float:left;padding:1px 12px 1px 0;margin-top:-2px;}poS网站目录_网站网址收录与提交入口

.header-menu ul li{float:left;padding:1px 12px 1px 12px;margin-top:-2px;}poS网站目录_网站网址收录与提交入口

.header-menu ul li a,.header-menu p a{color: #333;display:block;}poS网站目录_网站网址收录与提交入口

.header-menu ul li a:hover,.header-menu p a:hover{color:#888;}poS网站目录_网站网址收录与提交入口

.header-menu ul li.curs{background:#999;}poS网站目录_网站网址收录与提交入口

.header-menu ul li.curs a{color:#fff;}poS网站目录_网站网址收录与提交入口

.sub_nav{ background:#999;width:110px; position:absolute; z-index:5003; display:none;margin-left:-12px;}poS网站目录_网站网址收录与提交入口

.nomask{ background:#fff; width:110px; height:50px; position:absolute; z-index:5002;display:none;margin-left:-12px;}poS网站目录_网站网址收录与提交入口

.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;}poS网站目录_网站网址收录与提交入口

.sub_nav a.level_1:hover{color:#fff;background:#55B46C;text-decoration:none;}poS网站目录_网站网址收录与提交入口

3.把以下代码编辑成(util.php)解压出来拷贝到模板目录下poS网站目录_网站网址收录与提交入口

<?phppoS网站目录_网站网址收录与提交入口

/**poS网站目录_网站网址收录与提交入口

* 通过传入参数的url判断是否为目录分类,从而获取子菜单poS网站目录_网站网址收录与提交入口

*poS网站目录_网站网址收录与提交入口

* @param string $urlpoS网站目录_网站网址收录与提交入口

*/poS网站目录_网站网址收录与提交入口

function get_subcate_byurl($url)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

$rs = strpos($url,"category");poS网站目录_网站网址收录与提交入口

if($rs!==false)poS网站目录_网站网址收录与提交入口

{poS网站目录_网站网址收录与提交入口

preg_match("//d+/i",$url,$matches);poS网站目录_网站网址收录与提交入口

$cid = $matches[0];poS网站目录_网站网址收录与提交入口

$cat_arr = array();poS网站目录_网站网址收录与提交入口

$sql = "select * from ".$GLOBALS['ecs']->table('category')." where parent_id=".$cid." and is_show=1";poS网站目录_网站网址收录与提交入口

以上就是ecshop简单三部实现导航分类二级菜单的全部内容。poS网站目录_网站网址收录与提交入口

  

此文由 网站目录_网站网址收录与提交入口 编辑,未经允许不得转载!:

相关文章