什么是下拉式首页导航?
网页导航是指是指引和方便浏览者访问另一页面的快速通道。它为网页的访问者提供一定的途径,使其可以方便地访问到所需的内容。网站导航是网站的指路灯,也是网站内容的总体概述,同时也是搜索引擎收录网站的重要权衡因素。创建一套良好的网站导航系统将会使网站更易访问。
网页导航的分类包括:横排导航、竖排导航、多排导航、图片式导航、Frame框架快捷导航、下接菜单导航、隐藏式导航,甚至还可以是动态效果的Flash导航等。
下拉式首页导航就是指设置在首页顶部的主导航,这种导航下面还设有下拉栏目,可以指引浏览器者快速进入下一级栏目的界面(如下图所示)。
图1学校网站的下拉式首页导航
使用下拉式导航有什么好处?
我们发现一般使用下拉式的网站多是一些学校或政府部门及一些大型企业之类的网站,为什么这些单位多使用下拉式的首页导航呢?原因与下拉式导航的优点有关。
1、下拉式菜单导航能够把二级栏目隐藏到首页,这样可以方便浏览器者快速查找到深层的栏目内容。
2、采用下拉式的菜单导航,能使网站的层看起来更加丰富,有深度,给人一种厚实的感觉。
3、诸如学校或政府之类的大单位,因为部门比较多,比较适宜使用下拉式的菜单导航进行展示。
Ecms模板中的下拉式首页导航怎样调用?
1、一般的栏目导航使用一个灵动循环调用函数就可以直接调用出来,调用代码形式如下:
[e:loop={'select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=0 and showclass=0 order by myorder',0,24,0}] " title="" _href="[!--news.url--]">[/e:loop]
但这样调用出来的其实只有一级栏目导航,下拉菜单中的二级栏目无法被统一调用出来。怎么办?
2、下拉式的导航的调用方法。
从上面的分析我们知道,一个循环函数只能调用一个栏目列表(导航),所以要调用多个栏目的下拉菜单(导航),就必须分开使用循环函数进行多次的调用。以上图1的学习首页下拉导航为例,它的导航源代码是这样的(如图2所示):
图2 学校下拉式导航的源代码
其下拉菜单栏目的调用函数如下:
图3下拉栏目导航的调用方法
3、方法说明
(1)0在图3的调用方法中,一级栏目如“学校概况”、“新闻中心”和“院校设置”等,直接在栏目地址前加[!--news.url--]变成绝对路径就可以了。而这些栏目下的二级栏目如“学校简介”、“校徽校训”等,就利用调用栏目的灵动循环函数进行调用就可以,其关键代码如下:
[e:loop={'select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=1 and showclass=0 order by myorder',0,24,0}]/" _href="/">[/e:loop]
(2)因为每个一级栏目都使用了相同的循环函数,所以函数体内需要更改调用栏目的地址进行区别,“where bclassid=1”中的数字“1”表示的就是调用父栏目ID=1下面的栏目名称。
通过这种单独调用的方法,就可以分别把导航栏目及其下面的下拉菜单也一一调用出来啦。
图4 通过分开调用方法调出来的下拉式首页导航