制作另類導(dǎo)航菜單全過程[1]_PHPCms教程
說明:通過這節(jié)我們學會在線模板編輯、標簽的使用、以及快速建立標簽和修改標簽的方法
我們來實現(xiàn)www.phpcms.cn 主站菜單導(dǎo)航效果。代碼如下:
<!--頻道列表-->
<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_網(wǎng)站首頁最新公告}
</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">
- PHPCMS v9 安裝環(huán)境要求
- PHPCMS mysql優(yōu)化教程
- PHPCMS shtml設(shè)置
- phpcms本地網(wǎng)站遷移至虛擬主機的教程
- Phpcms V9 調(diào)用全站最新文章的代碼
- Phpcms V9 調(diào)用全站文章排行的解決方案
- Phpcms V9 調(diào)用隨機文章的方法
- 讓PHPCms內(nèi)容頁支持JavaScript
- phpcms教程: phpcms V9 默認模板文件目錄結(jié)構(gòu)
- phpcms教程:phpcms V9 常用文件目錄結(jié)構(gòu)介紹
- PhpCms系統(tǒng)設(shè)置:我的面板
- PhpCms系統(tǒng)設(shè)置:附件管理
- 相關(guān)鏈接:
- 教程說明:
PHPCms教程- 制作另類導(dǎo)航菜單全過程[1]
。