【Dreamweaver教程】Dreamweaver制作弹出菜单的教程

发布时间:2017-03-23 14:30 来源:互联网 当前栏目:网页设计教程

关于Dreamweaver教程,下面电脑高手网小编给大家摘录一篇Dreamweaver制作弹出菜单的教程,希望可以给正在学习Dreamweaver制作的朋友一些帮助或建议。

   1、在网页中输入文字,因为单独的文本文字是无法添加行为的,因此需要将文字的超链接设置为“ JavaScript:; ”,并执行“显示弹出式菜单”操作。

 

【Dreamweaver教程】Dreamweaver制作弹出菜单的教程 电脑高手
 

  2、设置菜单项和子菜单项,并为菜单设置超链接,然后安排好各个菜单的次序。
 

【Dreamweaver教程】Dreamweaver制作弹出菜单的教程
 

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

dreamweaver制作弹出菜单教程
 

  4、在“高级”标签选项中设置菜单的延迟时间,以及是否显示菜单边框。然后设置边框的宽度、颜色、阴影、高亮。
 

dreamweaver如何制作弹出菜单教程
 

  5、在“位置”标签选项中设置弹出菜单的 x 轴和 y 轴参数,这两个参数表示弹出菜单左上角到网页左上角的距离。
 

【Dreamweaver教程】Dreamweaver制作弹出菜单的教程
 

  6、保存网页文件,然后在浏览器中打开该网页,将鼠标光标移动到文字上方时即可看到有菜单弹出。


  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、