通过本课程的学习学会网站前端经典时尚案例的开发。

div+css页面制作想转型JS、JQ前端开发及想不依托插件自主开发常见Web前端案例的攻城师们。

• 通过本节课的学习可以了解什么是时间轴，时间轴特效的原生JavaScript程序开发思路及编写过程

• 应用jQuery实现tab页面切换效果，并添加了延迟切换功能

• 实现天猫首页定位导航效果，此效果特别适合大页面的内容定位根据此案例，你可以制作各种（横向及纵向）固定定位的超时尚导航效果了

• 本课程介绍和焦点圖不同的另外一种常见的图片展示效果，学会此效果可以制作任何可定制的滑动门。

• 本课程在原生JS的0基础web开发上添加了缓动动画，使滑动门更逼真用户体验更好。通过本例学会JS非常重要的内容：加速减速动画算法思路和语法编写技巧

• 滑动门效果jQuery版，代码编写更简洁

• 焦点图轮播特效，实现了多种导航、定时器及无缝滚动等关键内容通过此案例的学习，可以自行制作各种形式的焦点图效果

• 横向导航条菜单的制作思路与方法。通过本案例学习能够自行制作各种横向导航菜单。

• 电商网站经典纵向导航条菜单的制作思路与方法实现叻二级导航垂直方向的动态移动。通过本案例学习能够自行制作各种纵向导航菜单。

• 本课程介绍了什么是瀑布流瀑布流的布局特点，瀑布流布局的多列浮动、CSS3 定义及绝对定位等实现方式瀑布流布局案例。

• 本课应用原生JS实现了“绝对定位”的瀑布流效果包含动态修改嫆器列宽，滚动条底部边界检测等功能

• 瀑布流特效jQuery版，算法思路同原生JavaScript版代码更简洁。

• 流行的模态弹出层效果的JavaScript实现本案例包含半透明蒙版样式的兼容写法，通用事件处理方法的封装PNG图片IE6透明的处理等等内容。

• 流行的模态弹出层效果的jQuery实现

• 时尚团购网站的倒计时效果。通过本案例的学习可以制作各式的倒计时效果。本案例重点在Date对象的使用和时间的转化

• 本案例实现了淘宝的**频道双色球的投注效果。案例中讲解了任意数随机函数的编写数组排重的算法，及超时调用和间歇调用定时器的综合应用通过本案例的学习，您将学会開发各种随机数算法的案例

• 本案例在数字切换版的0基础web开发上添加了CSS3旋转的特效。让我们真正领略到渐进增强给我带来的用户体验的提升

• 拖拽滑动条特效是拖拽效果的典型应用。案例以阿里云服务器购买定制为蓝本采用jQuery UI的draggable实现拖拽，并应用了CSS transition动画效果

• 老虎机抽奖特效是应用JS技术实现的抽奖效果。在本案例中大家学会图片迅速滚动的思路以及应用定时器嵌套来实现滚动速度的变化。通过办案例的学習您将学会开发各种老虎机的抽奖的Web前端的应用。

Web前端资深培训讲师大型电子商务软件产品经理、交互设计师、用户体验师

51CTO学院前端開发交流群()

下載百度知道APP抢鲜体验

使用百度知道APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。