【前端经典案例教程】网页常用特效课程大全
前端特效丰富、多彩,您知道哪些特效是必备的吗? 这些必备特效让您在网站开发时,不再发愁,不再空谈,满足您特效开发基本需求,舞动您的十指,让您的职业技能更上一层楼。
一、导航类
是什么让您在网站的网页之间航游?对!就是它——网页导航,在这里您可以学到各种各样的导航,来吧让我们一起“导航”。
1、形形色色的下拉菜单
使用不同技术实现丰富多彩的下拉菜单。课程介绍:本课程从易到难,循循渐进,从静态网页布局,到运用HTML/CSS、JavaScript、jQuery不同技术实现动态下拉菜单,让您掌握下拉菜单的制作及在不同浏览器间进行代码调试,解决浏览器兼容问题。
-第1章 HTML/CSS方法实现下拉菜单
-第2章 JS方法实现下拉菜单显示和隐藏
-第3章 jQuery方法实现下拉菜单显示和隐藏
-第4章 变幻菜单
-第5章 多级菜单
-第6章 动画菜单
-第7章 特效菜单
-第8章 响应式菜单
2、侧边栏信息展示效果
课程介绍
学会实现侧边栏内容效果展示,能够让你迅速进阶。三个步骤:通过HTML、CSS实现侧边栏内容布局;实现JavaScript代码效果,使用面向对象的方式;在JavaScript代码预留位置,添加动画效果。学会这些,跻身大网站程序员行列,身价倍增,赶快学习!
第1章 效果展示及实现步骤分析
-第2章 用HTML+CSS实现侧边栏页面布局
-第3章 使用JavaScript的构造函数创建对象
-第4章 侧边栏信息展示效果的动画效果的添加
-第5章 总结
二、网页特效
各种网页特效,让您的网站更加丰富、炫丽,舞动您的十指,来创造不同的特效。
1、回到顶部效果
课程介绍:回到顶部效果是目前大型网站不可缺少的一部分,也许你已经会用锚链接的方式来实现,是不是不满意呢?这里将重点分享用JavaScript技术来实现,不仅可以设定按钮出现的时机,还能实现对滚动条速度的控制,是不是很炫酷呀!
-第1章 案例效果展示及锚链接
-第2章 案例实现中相关知识点讲解
-第3章 用HTML+CSS实现页面布局
-第4章 用JavaScript实现回到顶部效果
2、弹出层效果
课程介绍:在各大网站中,我们常运用弹出层效果实现登陆和图片展示效果。本课程主要讲解如何定位、如何创建,插入,删除网页元素,并从静态网页布局到JS代码实现,详细分析每个环节,让您能灵活运用知识,制作出超炫、超实用的弹出层效果。
-第1章 效果简介
-第2章 静态页面实现
-第3章 JS实现动态效果
-第4章 编程挑战
3、网页广告特效
课程介绍:帮您深度分析广告特效原理,分步剖析制作过程,从浅到深,逐步优化代码,让你深入理解,并灵活运用知识,举一反三,制作出绚丽的广告特效。
第1章 使用JS实现右下角广告特效
-第2章 使用JS实现顶部广告伸缩特效
-第3章 带缓冲效果的弹出广告
4、展开与收起效果
课程介绍:门户网站顶部广告、阅读类网站“查看全文”,电商网站分类导航,都会应用到展开与收起效果。本课程讲解使用JavaScript、jQuery实现动态效果、动画效果原理以及节点式查找控件的方法。通过效果展示与案例分析,让你掌握不同类型展开与收起效果的实现。
-第1章 效果简介
-第2章 点击按钮控制展开与收起
-第3章 定时展开与定时收起效果
-第4章 jQuery实现点击按钮展开和收起动画效果
-第5章 JavaScript实现多个展开与收起效果
-第6章 回顾总结
-第7章 编程挑战
5、Tooltip浮动提示框效果
课程介绍:本课程详细讲述使用原生JavaScript如何设计和实现Tooltip浮动提示框特效。并通过一步一步的代码实现和代码优化过程,不仅让您掌握特效的实现,还掌握解决问题的思路,了解诸如代码简化、事件绑定、事件冒泡等更多的JavaScript技巧和知识,提升编程兴趣和水平。
-第1章 ToolTip特效介绍
-第2章 ToolTip特效分析
-第3章 ToolTip特效设计
-第4章 Tooltip浮动提示框实现
-第5章 优化代码
-第6章 编程挑战
所有课程由BAT各位技术大牛帮忙录制,视频资源来自慕课网。转载请注明来源,谢谢!