dreamweaver做网页页面案例实例教程 制做弹出菜单

2021-01-20 20:08 jianzhan
实际效果表明

  本案例所要进行的实际效果是当电脑鼠标挪动到文本上时,就会弹出1个好看的菜单,如图 17⑴ 和图 17⑵ 所示。

  创作观念

  本案例最先在网页页面中键入1写作字,并对文本做1个独特的超连接,随后运用 Dreamweaver MX 2004 自带的个人行为制做弹出菜单。

  实际操作流程

  ( 1 )键入文本并设定超连接。在网页页面中键入文本,由于独立的文字文本是没法加上个人行为的,依照 Dreamweaver 中的承诺,将文本的超连接设定为“ javascript:; ”才可以够加上个人行为。因此将文本的超连接设为“ javascript:; ”,并实行【显示信息弹出式菜单】个人行为,如图 17⑶ 所示。

  ( 2 )设定菜单项和子菜单项,并为菜单设定超连接,随后分配好各个菜单的顺序,如图 17⑷ 所示。

( 3 )设定网页页面元素。将菜单设定为竖直菜单,并各自设定菜单的字体样式、字号、对齐方法、1般情况和电脑鼠标滑落伍的情况,如图 17⑸ 所示。

  ( 4 )设定【高級】标识。在【高級】标识选项中设定菜单的延迟时间時间,和是不是显示信息菜单侧框。随后设定边框的宽度、色调、黑影、高亮度,如图 17⑹ 所示。

  留意:【菜单延迟时间】中時间的企业是毫秒( ms ), 1000 毫秒等于 1 秒,在设定时留意换算。

  ( 5 )设定的 x 轴和 y 轴主要参数。在【部位】标识选项中设定弹出菜单的 x 轴和 y 轴主要参数,这两个主要参数表明弹出菜单左上角到网页页面左上角的间距,如图 17⑺ 所示。

  ( 6 )储存网页页面文档,随后在访问器中开启该网页页面,将电脑鼠标光标挪动到文本上方时便可看到有菜单弹出,本案例实际操作结束。根据 Dreamweaver ,能够迅速制做出过去只能用繁杂编码才可以完成的弹出菜单,这样能够完成繁杂菜单的弹出和收拢,便捷应用又能让网页页面美观大方、干净整洁。