动态下拉菜单的技巧与方法 skills and methods of dynamic drop-down menu.pdfVIP

电脑编程技巧与维护 动态下拉菜单的技巧与方法 夏瑜 (江苏广播电视大学常熟学院，常熟215500) 摘要：采用可见即所得的操作和程序编制相结合的方法实现动态下拉菜单的制作，充分利用两方面的优势提高操 法逻辑性强、易于理解、实现效果良好，相比常规的JavaSeript的代码方式具有更好的优越性。 关键词：ASP；CSS；动态下拉菜单 SkillsandMethodsof Menu DynamicDrop-down XIAYu RadioandTV 215500) (Jiangsu UniversityChangshucoHege，Changshu Abstract：Amethodtobuild menuis inthis and canbeim— dynamicdrop-downproposedpaper．Theefficiencysimplicity withthe whichcanrealizewhat seeiswhat menutem— provedbycombiningprogrammingdesign operation you youget．The builtDreamweaveris andcode isefficient．ThemenucontrolledCSSandASPholds plate by simple generated dynamic by and results．The methodis tO JavaScript． stronglogic good proposed superiorprogrammingusing Menu words：ASP；CSS；DynamicDrop—down Key 1 引言 窗口上的按钮。在下拉选项中选中“显示一隐藏层”，这时将 下拉菜单是网页上最常见的效果之一，用鼠标轻轻一点或 会弹出一个窗口，在“命名的层”列表框中选中“层 是移过去，就出现一个更加详细的菜单，它不仅节省了网页排 “menuI”“，点击”显示“按钮，然后确定。重新回到行为 版上的空间，而且使网页布局简洁有序。如果能够对这样的下 拉菜单动态生成，并能对菜单项进行增加、修改和删除等管 图2。 理，将为网页增色不少。介绍在IIS框架下通过Dreamweaver 和ASP操作编程相结合实现动态下挣菜单的方法。 2 Dreamweaver制作下拉菜单模板 (1)打开Dreamweaver后，选择“布局”面板，点击绘制 层按钮后在设计页面中按住鼠标不放拖出一个层。然后在 层的属性面板中设置各个参数，层编号框输入menu，左、上、 宽、高框中输入10、20、400、20，背景颜色为：#0099FF， 如图l： 图2行为设置窗口及面板 (4)选中menul层，在行为而板中为它添加“显示一隐藏 图1层属性窗口 示，而行为是“onMouseOut”时隐藏。 将光标移至层内，点击“常用”面板上的表格按钮，插 入一个一行一列的表格，选中表格单元格，设置相应宽度， 了，当然模板可以通过CSSStyle(样式)面板进行界面美