课程/JavaScript
在web开发中经常要实现一些页面动态效果,比如动画、轮播图、图片放大等效果,JS动画主要是实现在非常短的时间,逐渐增加指定元素的宽度或高度值,或者在非常短的时间,更改元素的位置,来实现向右或向下移动,形成动画效果;轮播图是将一些图片在一行中平铺,然后计算偏移量再利用定时器实现定时轮播;放大镜是鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的相应位置。本课程通过一个个的案例,带领大家学习JS各种页面动态效果,同时夯实大家的JS基础内功。
1-1 加速(减速)运动
1-2 回到顶部
1-3 斜线动画
1-4 抛物线
1-5 贪吃蛇运动效果
1-6 无缝动画---出现问题
1-7 无缝动画---解决办法
2-1 轮播图
2-2 图片轮播
2-3 图片轮播---鼠标移上和移出效果
2-4 图片轮播---点击按钮切换轮播
3-1 简易放大镜
3-2 复杂放大镜---布局
3-3 复杂放大镜---大视窗和小视窗的特效
3-4 复杂放大镜---计算小视窗宽度和高度值
3-5 复杂放大镜---计算大图片的显示位置
3-6 边界处理
获取步骤
{{item.content}}
{{item.zan}}