ad
close
陆荣涛
  • 畅销套餐
  • 精选套餐
  • 人气套餐
  • 尊享套餐
  • 高薪套餐
  • 课程介绍
  • 课程大纲

适合人群:

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

你将会学到:

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

课程简介:

《Web前端经典时尚案例》,包含原生态JavaScript及jQuery开发重点知识与技巧,常用交互效果的开发思路与方法。Web前端经典时尚案例开发从此不再神秘。


学习条件:

学习本课程需要了解HTML、CSS、JavaScript及jQuery基础知识。

展开更多

课程大纲-Web前端开发经典时尚案例解析视频课程

  • 1

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

    「仅限付费用户」点击下载“timeline.zip”

    [35:16]
  • 2

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

    「仅限付费用户」点击下载“tab.zip”

    [37:02]
  • 3

    网页定位导航特效-jQuery版实现天猫首页定位导航效果,此效果特别适合大页面的内容定位。根据此案例,你可以制作各种(横向及纵向)固定定位的超时尚导航效果了。

    「仅限付费用户」点击下载“fixednav-jQuery.zip”

    [46:38]
  • 4

    网页定位导航特效-原生JavaScript版网页定位导航特效-原生JavaScript版。编写了兼容浏览器的getElementsByClassName,addClass,removeClass方法。追加了position:fixed定位IE6兼容问题(固定定位防抖动)。

    「仅限付费用户」点击下载“fixednav-JavaScript.zip”

    [46:45]
  • 5

    滑动门效果-原生JavaScript普通版本课程介绍和焦点图不同的另外一种常见的图片展示效果,学会此效果,可以制作任何可定制的滑动门。

    「仅限付费用户」点击下载“JavaScript-normal.zip”

    [27:29]
  • 6

    滑动门效果-原生JavaScript动画版本课程在原生JS的基础上,添加了缓动动画,使滑动门更逼真,用户体验更好。通过本例学会JS非常重要的内容:加速减速动画算法思路和语法编写技巧。

    「仅限付费用户」点击下载“JavaScript-Tween.zip”

    [21:36]
  • 7

    滑动门效果-jQuery版滑动门效果jQuery版,代码编写更简洁。

    「仅限付费用户」点击下载“jQuery.zip”

    [12:32]
  • 8

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

    「仅限付费用户」点击下载“focuspic.zip”

    [01:07:22]
  • 9

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

    「仅限付费用户」点击下载“menu_h.zip”

    [30:07]
  • 10

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

    「仅限付费用户」点击下载“menu_v.zip”

    [01:01:28]
  • 11

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

    「仅限付费用户」点击下载“瀑布流特效.ppt”

    [10:58]
  • 12

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

    「仅限付费用户」点击下载“waterfall-JavaScript.zip”

    [01:10:58]
  • 13

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

    「仅限付费用户」点击下载“waterfall-jQuery.zip”

    [19:54]
  • 14

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

    「仅限付费用户」点击下载“poplayer-javascript.zip”

    [43:10]
  • 15

    弹出层效果-jQuery版流行的模态弹出层效果的jQuery实现。

    「仅限付费用户」点击下载“poplayer-jQuery.zip”

    [05:11]
  • 16

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

    「仅限付费用户」点击下载“countdown.zip”

    [29:34]
  • 17

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

    「仅限付费用户」点击下载“lottery-normal.zip”

    [29:21]
  • 18

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

    「仅限付费用户」点击下载“lottery-rotate.zip”

    [16:34]
  • 19

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

    「仅限付费用户」点击下载“dragslider.zip”

    [48:41]
  • 20

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

    「仅限付费用户」点击下载“slotmachine.zip”

    [37:41]
close
  • 课程介绍
  • 课程大纲
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部