JA Transmenu 模块做多级弹出菜单.doc

JA Transmenu 模块做多级弹出菜单 转自弹出菜单这个说法本来不规范，尽管你我都明白这是什么意思，而实际上我们所理解的那个菜单样式英文说法是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按钮保存新菜单项。 保存之后，又回到了刚才的topmenu内容列表。这时可以看到，新建立的菜单位于某个一级菜单之下，并且在版面上向右增加了缩进，很容易就能看出来父级菜单和子级菜单的关系。 如果要将现有的某个一级菜单变为二级菜单，只需要在topmenu内容列表上点击其名称，进入其设置页面，然后将Parent Item这里选择为Top之外的其他一级菜单项即可。 同理，你可以建立三级、四级、…N级菜单。 3、完成多级滑动菜单 从本站下载JA Transmenu 2.0简体中文版，这是一个标准模块。从Joomla后台安装它。这个模块本身没有任何内容，它的任务是在前台展示管理员指定的某个菜单，如上面提到的topmenu。 既然我们要通过JA Transmenu来展示topmenu的内容，那么原来的topmenu就必须取消发布。否则前台就会出现两个重复的topmenu内容。 将原来的topmenu取消发布之后，我们点击后台模块列表中的JA Transmenu名称进入其设置页面。可以看出，设置参数并不多。 前两个参数都是关于CSS的，为了便于用户自定义菜单的样式。我们先从浅处入手，不必理会这里。 菜单名称这里需要管理员指定用JA Transmenu来展示哪个菜单模块，因为它无法包揽所有菜单。我们本例中就指定使用topmenu吧，因为刚才我们为topmenu建立了多级菜单链接。 菜单类型是要管理员决定，前台的滑动菜单其一级菜单是水平放置，还是垂直放置?比如本例中的topmenu，我们一般都是习惯于水平放置，因此在这里选择水平即可。 菜单方向则是指二级菜单的弹出方向，不要管三级、四级，因为那些默认都是水平的。二级菜单需要指定方向，是因为一级菜单的方向有两种可能。既然我们将一级菜单设计成了水平，那么二级菜单应该是在垂直方向上。这里有两种选项：向上或者向下。很显然，一般来说，我们希望二级菜单向下弹出，就如同本文第一页展示的那个菜单。不过，也难免某些用户希望出现Windows的开始菜单那样的效果，那么你选择向上即可。 菜单相对位置是指二级以下的菜单弹出方向。因为前面的参数已经把