文本框的获取焦点时交互样式

案例2 点赞和取消点赞

案例3 评论区交互效果

案例1 返回页面顶部

动态面板：分类导航水平拖动

案例3 动态面板：开关元件

案例4 动态面板：滑块数量选择器

局部滚动的筛选菜单

案例9 商品大图的切换效果

案例10 轮播图（含状态指示器）

案例11 Web端个人中心快捷入口

案例12：Tab标签页切换（4种，一种低保真样式，主要用于介绍制作原理，三种高保真样式，主要介绍样式排版的技巧）

案例13：订单列表1（不同状态显示不同内容）

案例14 订单列表2（结合标签页筛选订单状态）

案例15：商品列表1（商品排序）

案例16：商品列表2（商品筛选）

案例17：商品列表3（上滑加载更多）

案例18：APP操作功能列表

案例19：双向选择器

案例20：购物车1（增减商品数量）

案例21：购物车2（计算总价）

案例22：电子时钟

案例23： 模拟键盘输入手机号

案例24：登录校验1（基础版）

案例25：登录校验2（含验证码校验）

案例26：登录校验3（滑块校验）

案例27：登录角色判断

案例28：APP标签栏切换（利用母版）

案例29：动态加载进度条

案例30：抽屉菜单

案例31：联动下拉菜单（二级）

案例32：联动下拉菜单（三级）

案例33：文本框字数统计

案例34：五星评价

案例35：滚动吸附效果

案例36：搜索联想

案例37：超出规定长度文字显示为省略号

案例38：自定义下拉列表样式1

案例39：自定义下拉列表样式2

案例40：后台管理系统-手风琴菜单（简化版）

案例41：后台管理系统-手风琴菜单（常规版）

案例42：后台管理系统-自适应窗口尺寸