制作另類導航菜單全過程[1]-PHPCMS教程
2024-07-09 22:53:24
供稿：網友
說明：通過這節我們學會在線模板編輯、標簽的使用、以及快速建立標簽和修改標簽的方法
我們來實現www.phpcms.cn 主站菜單導航效果。代碼如下：
<!--頻道列表-->
<div id="Whatever" align="center">
<ul class="TabBarLevel1" id="TabPage1">
<li id="menu_0"><a href="{PHPCMS_PATH}" onmouseover="show_menu(0);" >首頁</a></li>
<!--{loop $CHANNEL $channel}-->{php if($channel["channelid"]==16) break;}
<!--假如頻道id為16-->
<li id="menu_{$channel["channelid"]}"><a href="{$channel[linkurl]}" onmouseover="show_menu({$channel["channelid"]});" >{$channel[channelname]}</a></li>
<!--{/loop}-->
</ul>
</div>
<div id="sub_menu" style="text-align:left;background-color: #7cc2e9;" class="TabBarLevel1"></div>
<div id="menu_cont_0" style="display:none;">
<font color="#ff0000">公告：</font>{tag_網站首頁最新公告}
</div>
<!--{loop $CHANNEL $channel}-->
{php if($channel["channelid"]==16 || $channel["islink"]) break;}
<!--假如頻道id為16 或者是外部頻道就不顯示-->
<div id="menu_cont_{$channel["channelid"]}" style="display:none;">
<a href="{$channel["linkurl"]}">{$channel["channelname"]}首頁</a> {tag_新增頻道一級欄目}
</div>
<!--{/loop}-->
</div>
<script type="text/javascript">
var tID={$channelid};
function show_menu(ID){
if(ID!=tID){
$("sub_menu").innerHTML = " " $("menu_cont_" ID).innerHTML;
$("menu_" ID).className = "Selected";
$("menu_" tID).className = "white";
tID=ID;
}else{
$("menu_" ID).className = "Selected";
$("sub_menu").innerHTML = " " $("menu_cont_" ID).innerHTML;
}
}
show_menu({$channelid});
</script>
<div class="main">
