案例描述：输入指定的用户名密码后，完成验证并跳转页面；若连续三次输错用户名密码，则显示验证码，需要再输入验证码后跳转页面。

案例描述：两个下拉菜单，选择不同的一级菜单项，二级菜单显示对应不同的选项。

案例描述：点击不同的菜单标题，显示对应的菜单内容，隐藏其他菜单内容，推拉效果像手风琴一样。

案例描述：以淘宝app为例，点击筛选按钮，菜单从右侧向左滑入；点击空白处，菜单向右滑出；菜单可上下滚动，菜单下部按钮固定显示。

案例描述：以手机QQ为例，左右拖动鼠标（左右滑动手势）、点击用户头像时，左侧菜单以“抽屉”的推拉动作进行显示/隐藏的切换，页面主体随“抽屉”同步移动。

案例描述：模拟移动app的下拉刷新内容效果，并且有下拉刷新提示、更新时间提示文字等字样的变化。

案例描述：鼠标移入商品缩略图，显示放大镜，放大镜跟随鼠标移动，并放大显示该区域。

案例描述：微博app点击缩略图后显示大图隐藏缩略图，并能够左右拖动切换图片；微博网页版点击缩略图后显示大图，并推动缩略图到大图下方，缩略图有当前高亮状态以及遮罩状态，可以点击缩略图切换图片、点击箭头切换图片。

案例描述：使用母版制作导航菜单，使菜单当前页面的项目高亮显示（包括文字和图标）。

案例描述：当页面垂直滚动距离大于某个值时，显示返回顶部按钮，点击后页面返回到最上方。

案例描述：页面载入时自动生成四位验证码（含数字、大写、小写字母），点击换一张按钮后重新生成验证码，用户登录时验证码的判断不区分大小写。

案例描述：常见的进度条效果，两种实现方式。

案例描述：进度条的变体——环状进度显示。

案例描述：鼠标移入头像，显示下拉菜单，移出头像，下拉菜单隐藏。

案例描述：动态增加数据表格中的数据。

案例描述：自定义文本输入框的样式，当文本框获取焦点时，改变样式（高亮显示）。

案例描述：自定义下拉框（下拉菜单）交互样式。

案例描述：对单选按钮、复选框、开关三种表单元件进行自定义交互样式的制作。

案例描述：网易云音乐app的首页——发现音乐页面，主要强调了几点由低保真像高保真过渡，替换元件样式时需要注意的问题。

案例描述：网易云音乐-歌单页面垂直滚动向下一定距离后，顶部标题文字变为歌单名称，“全部播放”顶部吸附；向上滚动恢复。

案例描述：点击正在播放按钮，页面上的模拟唱片开始旋转，播放进度条开始动态变化，当歌曲播放完毕（达到设置的时间后），唱片停止旋转，进度条填充完成。

案例描述：播放的当前进度（时间显示）的动态变化，以及返回上一页效果。

作业