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