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

softyun3年前cms教程47

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

我们来实现phpcms 主站菜单导航效果。代码如下:

<!--频道列表-->
<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 = '&nbsp;' $('menu_cont_' ID).innerHTML;
$('menu_' ID).className = 'Selected';
$('menu_' tID).className = 'white';
tID=ID;
}else{
$('menu_' ID).className = 'Selected';
$('sub_menu').innerHTML = '&nbsp;' $('menu_cont_' ID).innerHTML;
}
}
show_menu({$channelid});
</script>
<div class="main">

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

PhpCms系统设置:管理模型

位置:系统设置---模型管理---管理模型模型管理,可以对模型维护、修改属性、删除、导出、字段管理,如图:修改模型配置,生成方式、栏目页URL规则、内容页URL规则、工作流方案,如图:...

DedeCms教程:广告管理

广告管理是dedecms网站中比较常用的一个模块,为网站盈利提供方便。广告管理的安装、卸载等方法已经在模块管理中有所介绍。视频教程打包下载 1.广告管理包含的文件:动易Cms模板 /dede/a...

PhpCms系统设置:后台操作日志

位置:系统设置--网站配置--安全设置首先你要开启此功能位置:系统设置--系统工具--后台操作日志...

织梦图集 上传图片小于设定尺寸 缩略图生成失败的解决办法

织梦图集中,上传的图片像素宽高小于系统设置定的这个尺寸: 较小的这些图片就会无法生成缩略图,导致图集在网页上缩略图显示X叉号,这应该是织梦DEDEcms的一个历史遗漏bug,可用下面方法修复。/inc...

秀站网分享:Dedecms移动站静态化操作方法

《织梦移动化攻略全分享专题》获得了大量管理员的关注,很大程度的降低了PC站移动化的难度,但美中不足的是移动端的URL只能动态实现。这次站长社区超级版主—洪石陈,又为大家带来了福利《 Dedecms移动...

dedecms arclist中的自增变量 autoindex的说明

给大家分享一下dedecms arclist中的自增变量 autoindex的说明今天看见一个标签[field:global runphp='yes' name=autoindex][/field:g...