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

2022-11-01

在一些企业或门户网站的导航栏中,经常会看到下拉菜单,这样会使用户操作方便一些。在之前的教程中,我们也讲过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”。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明 1、本站所发布的全部内容源于互联网搬运(包括源代码、软件、学习资料等),本站提供的一切源码、软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站信息来自网络收集整理,版权争议与本站无关,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

小蚂蚁资源网 cms教程 DISCUZ如何制作网站导航的下拉菜单 https://www.xmy7.com/zh/cms/18782.html

相关文章