“弹出菜单”这个说法本来不规范，尽管你我都明白这是什么意思，而实际上我们所理解的那个菜单样式英文说法是“Slide Menu”（滑动菜单），如果要用“弹出菜单”就成了“Popup Menu”。当然，“走的人多了也便成了路”，我考虑再三，还是尊重中国风俗，在文章标题中使用了错误的说法，希望不要误导了各位。

在Joomla世界，建造一个滑动菜单可以有N多选择。JA Transmenu 模块是其中一个，下面所演示的菜单就是用这个模块做成的。我之所以首先来演示这个模块，是因为以下两点原因：

1、它是免费的。

2、简单易用。

在继续阅读之前，请用鼠标指向上面的菜单，看看其弹出效果，你甚至可以点击其中某些链接。然后我们再来回答“怎么做”这个问题。

1、创建一个点不动的菜单链接

在上面演示中，一级菜单中的“酷站巡展”这个链接是点不动的。这个效果适合于强制访客点击二级菜单的需要。有人认为，在新建菜单项时，选择“占位符/分隔符”（Separator / Placeholder）就能造成一个点不动的链接，因为它不指向任何目标。不过，我发现这种办法所生成的菜单链接其样式很糟糕，无法与其他同级链接保持一致，因为它的CSS类不是mainlevel。

在本文的第一版我曾经认为将某个一级菜单项目的类型选择为“Link-URL”，然后将此URL定义为“#”符号即可建成无法点击的菜单项。经过测试这个方法无法做到。我们还得用“占位符”来建立这种菜单项。

当然，我们需要通过CSS使占位符的外观与可以点击的链接相同。具体办法后面详述。这个小技巧虽然与滑动菜单没有直接联系，但是与上面演示的却有联系，因此我在此也捎带说一下。

2、建立多级菜单

Joomla自身允许创建多级菜单，问题是它无法展示出滑动效果。因此，我们先解决第一步：创建多级菜单。

使用（超级）管理员身份登录到Joomla网站后台，点击菜单上的“Menu”，然后选择一个你想实现多级滑动的菜单，比如说topmenu，点击其名称。这时会展示出所有已属于topmenu的菜单链接，我猜想你那里很可能还是单级的。

点击右上角工具栏上的“New”按钮，新建一个菜单项目。根据你的目标选择菜单类型，例如要指向FireBoard论坛，就选择“component”类型。然后点击“Next”按钮。实现多级的关键就在下面这个页面上—— 仔细看看，“Parent Item”这个设置，中文版本应该是“上级项目”，默认是选择了“Top”，即“顶级”（如下图所示），所以你新建的菜单链接都属于第一级。假如现在我们要将Fireboard论坛的菜单放到第二级，那么就必须在此为它选择上级菜单项目。选中之后，点击工具栏上的“Save”按钮保存新菜单项。

Joomla多级菜单的实现

保存之后，又回到了刚才的topmenu内容列表。这时可以看到，新建立的菜单位于某个一级菜单之下，并且在版面上向右增加了缩进，很容易就能看出来父级菜单和子级菜单的关系。

如果要将现有的某个一级菜单变为二级菜单，只需要在topmenu内容列表上点击其名称，进入其设置页面，然后将“Parent Item”这里选择为Top之外的其他一级菜单项即可。

同理，你可以建立三级、四级、…… N 级菜单。

3、完成多级滑动菜单

从本站下载JA Transmenu 2.0 简体中文版，这是一个标准模块。从Joomla后台安装它。这个模块本身没有任何内容，它的任务是在前台展示管理员指定的某个菜单，如上面提到的topmenu。

既然我们要通过JA Transmenu来展示topmenu的内容，那么原来的topmenu就必须取消发布。否则前台就会出现两个重复的topmenu内容。

将原来的topmenu取消发布之后，我们点击后台模块列表中的JA Transmenu名称进入其设置页面。可以看出，设置参数并不多。

JA Transmenu 2.0 的参数

向朋友推荐

会员平均评分