菜品编码是给产品编辑的信息,输入编码可以直接跳出产品信息。
菜品编码信息包括菜品名称、菜品标签、菜品的业务属性。
在一个窗体中顶部有一个下拉式菜单,其中有两个选项,添加和删除。怎样让用户在点击添加按钮后,询问用户新菜单的名字后自动为当前菜单添加这个选项(添加什么选项?可以动态添加菜单)并为这个按钮添加指定的事件代码(可以预设,但没法添加!)
按删除后,询问用户删除的名称,然后删除按钮(可以!)包括其对应的代码(不可以!)
第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 修改的是子菜单的边框宽度。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)