学做网站培训课程介绍

当前位置:

DISCUZ如何制作网站导航的下拉菜单

在一些企业或门户网站的导航栏中,经常会看到下拉菜单,这样会使用户操作方便一些。在之前的教程中,我们也讲过wordpress下拉菜单的制作方法。

其实,用Dreamweaver软件就可以给DISCUZ网站制作下拉菜单,只需要点几下就出来了。而且良好地兼容IE、FF浏览器。

以下是具体制作步骤:

一、打开Dreamweaver,点击 文件-新建 菜单,创建一个HTML文件,输入网站导航栏文字,并选中输入的文字,在下面的属性栏链接处加一个空链接:#。然后保存该网页文件。

DISCUZ如何制作网站导航的下拉菜单

二、点击 窗口-行为 菜单,打开行为面板。

DISCUZ如何制作网站导航的下拉菜单

三、选中第一步输入的文字,点行为面板上的+号,在弹出的菜单中选-显示弹出式菜单。

DISCUZ如何制作网站导航的下拉菜单

四、在弹出的对话框中勾选 Don't show me this message again(不要再次向我提示此信息),再点 继续。

DISCUZ如何制作网站导航的下拉菜单

五、在下列对话框分别设置内容、外观、实战、位置选项。在 内容 选项中,点+号可以添加菜单项,-号可以删除菜单项,缩进项可以自动生成二级菜单。

DISCUZ如何制作网站导航的下拉菜单

六、各项都设置好后,按F12,在浏览器中预览网页效果如下:

DISCUZ如何制作网站导航的下拉菜单

此时你会发现和网页同级的目录多了两个文件,分别是:arrows.gif、mm_menu.js。请勿修改、移动位置,这是弹出式菜单必须的图片、JS文件。

DISCUZ如何制作网站导航的下拉菜单

如需修改下拉菜单,可以选中文字,点击行为面板的 显示弹出式菜单 即可。

DISCUZ如何制作网站导航的下拉菜单

如果下拉菜单下面有Flash,为了不影响下拉菜单的正常效果和层次,需要给Flash添加透明代码: ,还需在embed标签中加入代码:wmode="transparent"。

相关教程:如何制作网站导航的二级菜单

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 我们做了一个论坛网站,如果discuz论坛更换域名的方法又是如何呢,更换域名需要注意那些问题,才会对网站发展更有利呢?下面先说更换域名的步
  • template/default/common 模板公共文件夹,全局相关|--block_forumtree.htm 树形论坛版块分支js文件|--block_thread.htm 特殊主题的风格模块文
  • 在我们的建站课程中,跟大家讲过wordprss实现导航是利用二句代码来自动调用。这样只要我们在后台添加一个分类或者页面时,会自动调用出来。
  • 在以前的建站培训课程中,我们说了网站分页都采用网站分页插件wp-page-numbers来实现的,但对于不喜欢使用插件的学做网站学员来说,也可以使用无插件
  • 在一些门户网站上,由于项目众多,不可能全部将这些项目显示在主导航上,就可以通过二级菜单,三级导航,甚至四级导航来显示。如何在自己做网站
  • 在之前的建网站的教程中,我们给大家讲了如何制作网站导航的二级导航,通过DIV+CSS的方式,可以制作出网站的二级菜单。这种方法是可能帮助我们去制作
  • Dreamweaver跳转菜单制作 视频教程 (1123864 次浏览)
    什么是跳转菜单跳转菜单是文档内的弹出菜单,对站点访问者可见,并列出链接到文档或文件的选项。可以创建到整个 Web 站点内文档的链接、到其它 Web