本站导航栏样式代码

2009-08-27 18:19:31 作者：强啦 来源：强啦网 浏览次数：0 网友评论 0 条

本站导航栏样式是根据“xiuling"在phpcms论坛的帖子修改的，原帖子网址：http://bbs.phpcms.cn/thread-96827-1-1.html
现在在这里和大家分享下，

代码如下（只是本站样式代码）：

<!--自定义导航条开始-->
<DIV id=w3zz_menu_out>
<DIV id=w3zz_menu_in>
<DIV id=w3zz_menu>
<UL id="nav">
  <LI><A id="menu_0" onmouseover="show_menu(0);"
  href="{SITE_URL}"><SPAN>首 页</SPAN></A> </LI>
  <LI class=w3zz_menu_line></LI>
<?php $CATE = cache_read('category.php');?>
<!--{loop $CATE $i $cat}-->
{if !$cat['arrparentid']}
{if $cat[module]!=ask}
{if $cat['ismenu']}<li>
<A class="nav_off" id="menu_{$i}" onmouseover="show_menu({$i});"  href="{$cat[url]}"><span>{$cat[catname]}</span></A>
</li>
<LI class=w3zz_menu_line></LI>
{/if}
{/if}
{/if}
<!--{/loop}-->
</UL>

<!--子栏目-->

<DIV id=w3zz_menu_con>
<DIV id="menu_cont_0" style="display:none;">
<UL>
 <LI><a href="http://www.sd-web.cn" target="_blank"><span>网站建设</span></a></LI>
  <LI class=w3zz_menu_line2></LI>
  <LI><a href="http://idc.sd-web.cn" target="_blank"><span>虚拟主机</span></a></LI>
  <LI class=w3zz_menu_line2></LI>
  <LI><a href="http://blog.qiang.la" target="_blank"><span>站长博客</span></a></LI>
  <LI class=w3zz_menu_line2></LI>
  <LI><a href="#" target="_blank"><span>签名设计</span></a></LI>
  <LI class=w3zz_menu_line2></LI>
  <LI><a href="#" target="_blank"><span>电脑屏保</span></a></LI>
  <LI class=w3zz_menu_line2></LI>
  <LI><a href="http://asiafriendfinder.com/go/g423426" target="_blank"><span>交友中心</span></a></LI>
  <LI class=w3zz_menu_line2></LI>
  </UL>
  </DIV>

<!--{loop $CATE $i $cat}-->
{if !$cat['arrparentid']}
<DIV id="menu_cont_{$i}" style="display:none;">
<UL>
{get sql="select catname,url from phpcms_category where parentid='$i'" return="v"}
<li><a href="{$v[url]}"><span>{$v[catname]}</span></a></li>
<LI class=w3zz_menu_line2></LI>
{/get}
</UL>
</DIV>
{/if}
<!--{/loop}--> 
  </DIV></DIV></DIV></DIV>
<!--导航条-->
<script type="text/javascript">
var tID={if $CATE[$catid][parentid]}{$CATE[$catid][parentid]}{elseif $catid}{$catid}{else}0{/if};
function show_menu(ID){
  if(ID!=tID){
    $('#menu_'+ID).attr('class','nav_on');
    $('#menu_'+tID).attr('class','nav_off');
$('#menu_cont_'+tID).hide();
$('#menu_cont_'+ID).show();
    tID=ID;
  }else{
    $('#menu_'+ID).attr('class','nav_on');
    $('#menu_cont_'+tID).show();
  }
}
show_menu({if $CATE[$catid][parentid]}{$CATE[$catid][parentid]}{elseif $catid}{$catid}{else}0{/if});
</script>