如何用dw制作弹出菜单?制作方法是什么?

李冰琪            来源:优草派

弹出菜单的效果是在网页中常常被用到的,用户在浏览网页的时候,将鼠标移动到文字上时就会弹出一个漂亮的菜单。那么我们如何用dw实现弹出菜单的效果呢?下面我们一起来学习操作方法和步骤。

电商1

1、输入文字并设置超链接。

· 首先我们需要在网页中输入文字。

· 单独的文本文字是无法添加行为的,我们需要将文字的超链接设置为“ JavaScript:; ”才能够添加行为。

· 所以我们需要将文字的超链接设为“ Javascript:; ”,并点击【显示弹出式菜单】的选项。

2、接着需要对菜单项和子菜单项进行设置,并为菜单设置超链接,调整排列各个菜单的次序。

3、设置页面元素。

将菜单设置为垂直菜单,并分别设置菜单的字体、字号、对齐方式、一般状态和鼠标滑过时的状态。

4、设置【高级】标签。

· 找到【高级】的标签选项并点击,在对话框中设置菜单的延迟时间,以及是否显示菜单边框。

· 然后设置边框的宽度、颜色、阴影、高亮等样式。

需要注意在设置时换算时间,【菜单延迟】中时间的单位是毫秒( ms ), 1000 毫秒等于 1 秒。

5、设置的 x 轴和 y 轴参数。

点击【位置】标签选项,根据效果需要设置菜单的 x 轴和 y 轴参数,这两个参数表示弹出菜单左上角到网页左上角的距离。

6、保存网页文件,然后在浏览器中打开该网页。

7、操作完成之后当我们把鼠标移动到文字上时,可以看到弹出的菜单。

在dw中可以快速制作出弹出菜单,而以前只能用复杂代码才能实现。在网页中实现弹出菜单的效果能够实现复杂菜单的弹出和收缩,是一个很方便实用的功能。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行