前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。随着前端技术的发展，无论是在客服端还是在移动端，前端开发效果都变得越来越丰富多彩。也是在此前提下，本站为大家提供了全新的课程——JavaScript网页特效案例。

在web开发中经常要实现一些页面动态效果，比如动画、轮播图、图片放大等效果，JS动画主要是实现在非常短的时间，逐渐增加指定元素的宽度或高度值，或者在非常短的时间，更改元素的位置，来实现向右或向下移动，形成动画效果；轮播图是将一些图片在一行中平铺，然后计算偏移量再利用定时器实现定时轮播；放大镜是鼠标在小图片上移动时，通过捕捉鼠标在小图片上的位置，定位大图片的相应位置。本课程通过一个个的案例，带领大家学习JS各种页面动态效果，同时夯实大家的JS基础内功。下面我们先来看看本课程的课程目录。

第1章 JS动画效果

 1-1 加速(减速)运动   (15:22)

 1-2 回到顶部   (13:54)

 1-3 斜线动画   (06:57)

 1-4 抛物线   (10:39)

 1-5 贪吃蛇运动效果   (25:50)

 1-6 无缝动画---出现问题   (10:07)

 1-7 无缝动画---解决办法   (17:32)

第2章 JS轮播图效果

 2-1 轮播图   (17:56)

 2-2 图片轮播   (21:30)

 2-3 图片轮播---鼠标移上和移出效果   (13:02)

 2-4 图片轮播---点击按钮切换轮播   (18:10)

第3章 JS放大镜效果

 3-1 简易放大镜   (20:57)

 3-2 复杂放大镜---布局   (12:29)

 3-3 复杂放大镜---大视窗和小视窗的特效   (16:41)

 3-4 复杂放大镜---计算小视窗宽度和高度值   (09:20)

 3-5 复杂放大镜---计算大图片的显示位置   (08:53)

 3-6 边界处理   (12:58)

我们的课程目录给出了每小节课程的课程内容和时间，极大地方便了学习课程的同学。从JS动画效果到JS轮播图效果，最后学习的是JS放大镜效果，这些都是我们在前端开发页面中需要达到的基础的效果，其他的复杂的效果都是在此基础之上延伸得到的。

前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5，Node.js的广泛应用，各类UI框架，JS类库层出不穷，开发难度也在逐步提升。而随着技术的不断革新和发展，开发者也越来越重视前端开发效果。在此之际，是我们学习本站的JavaScript视频教程的绝佳时机，赶快行动起来吧！