- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
- 课程介绍
- 课程大纲
适合人群:
div+css页面制作想转型JS、JQ前端开发,及想不依托插件自主开发常见Web前端案例的攻城师们。
你将会学到:
通过本课程的学习,学习网站前端经典时尚案例的开发。
课程简介:
《Web前端经典时尚案例》,包含原生态JavaScript及jQuery开发重点知识与技巧,常用交互效果的开发思路与方法。Web前端经典时尚案例开发从此不再神秘。
学习条件:
学习本课程需要了解HTML、CSS、JavaScript及jQuery基础知识。
课程大纲-Web前端开发经典时尚案例解析视频课程
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]开始学习10
导航条菜单效果-纵向电商网站经典纵向导航条菜单的制作思路与方法,实现了二级导航垂直方向的动态移动。通过本案例学习,能够自行制作各种纵向导航菜单。
「仅限付费用户」点击下载“menu_v.zip”
[01:01:28]开始学习12
瀑布流特效-原生JavaScript版本课应用原生JS实现了“绝对定位”的瀑布流效果。包含动态修改容器列宽,滚动条底部边界检测等功能。
「仅限付费用户」点击下载“waterfall-JavaScript.zip”
[01:10:58]开始学习14
弹出层效果-原生JavaScript版流行的模态弹出层效果的JavaScript实现。本案例包含半透明蒙版样式的兼容写法,通用事件处理方法的封装,PNG图片IE6透明的处理等等内容。
「仅限付费用户」点击下载“poplayer-javascript.zip”
[43:10]开始学习17
彩票投注特效-数字切换版本案例实现了淘宝的彩票频道双色球的投注效果。案例中讲解了任意数随机函数的编写,数组排重的算法,及超时调用和间歇调用定时器的综合应用。通过本案例的学习,您将学会开发各种随机数算法的案例。
「仅限付费用户」点击下载“lottery-normal.zip”
[29:21]开始学习18
彩票投注特效-CSS3旋转版本案例在数字切换版的基础上添加了CSS3旋转的特效。让我们真正领略到渐进增强给我带来的用户体验的提升。
「仅限付费用户」点击下载“lottery-rotate.zip”
[16:34]开始学习
“陆荣涛”老师的其他课程更多+