图片轮盘式导航集合了图片、文字等页面元素,通过横向交互,供用户动态浏览信息。从交互形态上说,可以认为它是一种“不会循环播放的跑马灯”。 “猫眼”首页中的“正在热映”“即将上映”“热门演出”等栏目,均采用图片轮盘式导航。用户通过筛选进入心仪影院,选择准备观看的电影,以及日期、场次。在“影院”页面中用户可以选择影片,依旧采用了图片轮盘式导航。使得原本可能需要多个页面层级展现的信息,在当前页面即可满足用户的操作需求,大大提升了用户体验。 本案例需要完成的任务有:第一,制作该案例的静态页面;第二,设置图片轮盘式导航;第三,设置日期与场次的交互效果;第四,设置影片、日期和场次的交互效果。