制作另类导航菜单全过程[1]-PHPCMS教程

2019-10-17 22:29:16

字体：大中小

来源：转载

供稿：网友

说明：通过这节我们学会在线模板编辑、标签的使用、以及快速建立标签和修改标签的方法

我们来实现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>
{php if($channel["channelid"]==16) break;}

<li id="menu_{$channel["channelid"]}"><a href="{$channel[linkurl]}" onmouseover="show_menu({$channel["channelid"]});" >{$channel[channelname]}</a></li>

</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>

{php if($channel["channelid"]==16 || $channel["islink"]) break;}

<div id="menu_cont_{$channel["channelid"]}" style="display:none;">
<a href="{$channel["linkurl"]}">{$channel["channelname"]}首页</a> {tag_新增频道一级栏目}
</div>


</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">

上一篇：模板配置教程：Phpcms v9怎么更换模板

下一篇：菠萝教你做模板之四－下载频道的模板制作

学习交流

phpwind的rewrite重写原理

phpwind的rewrite重写原理...

热门图片

猜你喜欢的新闻

猜你喜欢的关注