制作网页下拉菜单的代码是什么

制作网页下拉菜单的代码是什么

第1步：将下列代码复制到网页的标签之间： 第2步：将下面的代码复制到标签的右边，位置紧挨着标签： 第3步：添加菜单的内容。编辑menucontext.js文件，所有的菜单选项都在这里设置。默认的menucontext.js里面的内容，比较复杂我现在把代码精简出来。给大家做一个说明。整个代码如下： function showToolbar() { // AddItem(id, text, hint, location, alternativeLocation); // AddSubItem(idParent, text, hint, location); //主菜单定义 menu = new Menu(); menu.addItem("multimedia", "多媒体", "多媒体软件", null, null); menu.addItem("image", "图像处理", "图像处理软件", null, null); //多媒体子菜单定义 menu.addSubItem("multimedia", "凡人网络", "凡人网络", "http://www.venshop.com"); menu.addSubItem("multimedia", "我要网上开店", "我要网上开店", "http://www.venshop.com"); //图像处理子菜单定义 menu.addSubItem("image", "开店系统", "开店系统", "http://www.venshop.com"); menu.addSubItem("image", "网上开店系统", "网上开店系统", "http://www.venshop.com"); menu.addSubItem("image", "网上购物系统", "网上购物系统", "http://www.venshop.com"); //结束菜单定义 menu.showMenu(); } 　　上面的例子中制作的是一个有两个主菜单的菜单。一个主菜单为多媒体，一个主菜单为图像处理。主要靠两个命令来制作Additem为添加主菜单项目。格式为AddItem(菜单标记, 文本说明, 文本提示, 位置,替换位置)。AddSubItem为添加子菜单项目，idparent为主菜单的菜单标记，其余同前。 　　第4步：上传菜单文件。将 menu.js和menucontext.js文件上传到和网页文件同一目录下。这样就完成了所有的操作。菜单安装的一些善后工作： 　　安装了菜单之后，如果需要将菜单完全与网页顶部和左边紧密结合的话，你可以把标签修改成为。 　　或许大家会对菜单里的文字感到不满意。你可以把制作菜单第一步的CSS代码进行修改。比如 　　将里面的字体大小换成了10.5磅的话，中文字就会简洁干净多了。 　　同样如果对菜单的表格感到不满意的话，可以修改menu.js文件中的代码例如： function Menu() { this.bgColor = "#008080"; if (ie) this.menuFont = "bold xx-small Verdana"; if (n) this.menuFont = "bold x-small Verdana"; // this.fontColor = "white"; this.addItem = addItem; this.addSubItem = addSubItem; this.showMenu = showMenu; this.mainPaneBorder = 0; this.subMenuPaneBorder = 0; 　　this.bgcolor 修改的是菜单属性 　　this.mainPaneBorder 修改的是主菜单的边框宽度 　　this.subMenuPaneBorder 修改的是子菜单的边框宽度。