1.拖动一个动态面板到编辑区,W为1200,H为50。双击动态面板,进入动态面板输入文字:后台业务管理系统。
- 继续拖动一个新的动态面板,W为70,H为248,位置在X 0,Y 50,命名为左侧一级菜单。双击进入动态面板,拖进一个矩形,W为70,H为40,然后复制矩形框,复制五个矩形框并依次垂直排列。
3.给六个矩形框分别添加内容,依次是首页、商品、订单、库存、用户、促销。可以再给每一个矩形框内添加形状。
- 继续拖动一个新的动态面板,W为140,H为827,X 70,Y 50,命名为左侧二级菜单。双击进入动态面板,继续拖进一个动态面面板,命名为二级菜单,再双击进入动态面板下,添加矩形,W为140,H为50,双击输入:系统首页。将矩形框进行复制,H改为40,并在选中复制三个,四个相同大小的矩形框,内容依次分别为:系统首页、账户设置、系统信息、登录日志。
5.拖动一个内联框架,W为984,H为827,X 20,Y 50。
6.下面开始添加交互,首先为左侧一级菜单添加交互,选中首页矩形框,新建交互——单击时——设置选中,设置面板状态。
7.将首页添加的交互样式复制粘贴到矩形框(商品、订单、库存、用户、促销),退出动态面板。
8.双击进入左侧二级菜单下,给系统首页添加交互,单击时——设置选中。
9.,同样的操作将交互样式复制给商品首页、账户设置、系统信息、登录日志,并且把连接相应的调整一下就可以。
10.给二级菜单添加新的状态,依次分别为:首页、商品、订单、库存、用户、促销,每个状态所对应的左侧一级菜单的矩形框内容。
11.同样的操作,将每个状态下的矩形框都添加交互,单击时——设置选中,框架中打开链接, 跟第九步的操作一样,最后做完就可以预览一下了。
总结:解决首页问题二次单击没反应,左侧二级菜单不出现的问题,需要在二级菜单下给首页重新添加一个状态链接,这样就可以实现自由跳转了。