马作的卢飞快典故:点击导航切换相应页面

来源:百度文库 编辑:九乡新闻网 时间:2024/05/06 00:10:10
需求: 1)页面布局:左侧为导航列表(显示3个导航信息,分别为导航1,导航2,导航3),右侧为主页面区3)点击导航,显示对应的页面(分别为:导航1页,导航2页,导航3页)。  做法: 1)新建一个页面2)设计页面:添加两个动态面板,分别为动态面板1和动态面板23)设计动态面板1:添加1个状态(页),名为导航列表,用于显示导航信息,4)设计动态面板2:添加3个状态(页),名分别为导航1页,导航2页,导航3页。用于分别显示导航1页,导航2页,导航3页5)设计导航列表状态页:添加一个文本面板,添加上3行文字,分别是导航1,导航2,导航36)设计导航1页:添加一个矩形,文字标识导航1页7)设计导航2页:添加一个矩形,文字标识导航2页8)设计导航3页:添加一个矩形,文字标识导航3页9)设计导航与页面的对应关系:            a) 切换到导航列表状态页,拖3个图形热区,分别覆盖到导航1,导航2,导航3文字上。            b)分别给3个图形热区添加交互事件,方法相同,参照如下说明:                         1图形热区覆盖到导航1,点击添加交互事件---onclick---设置动态面板到指定状态---选择面板2---选择导航1页                         2图形热区覆盖到导航2,点击添加交互事件---onclick---设置动态面板到指定状态---选择面板2---选择导航2页                         3图形热区覆盖到导航3,点击添加交互事件---onclick---设置动态面板到指定状态---选择面板2---选择导航3页10)生成原型,查看效果。