CSS/JS实现商城分类导航菜单效果视频教程
课程简介:
亲爱的朋友们,你知道分类导航效果作为各大商城类网站常见的导航效果之一,是如何制作出来的吗?本课仿京东商城分类导航,详细分析并讲解制作过程,掌握运用CSS技巧及JavaScript动态改变CSS样式的两种实现方法,同时扩展讲解其它商城分类导航的不同及制作方法。
课程须知:
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
课程能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。
课程目录:
第1章 课程介绍及案例分析
介绍本课程要完成的案例,及对案例进行详细的分析。
1-1 课程介绍 (04:42)
1-2 商城分类导航分析 (05:17)
第2章 商城分类导航实现(CSS版)
运行CSS方法实现分类导航,掌握CSS兼容问题及修复方法
2-1 分类导航一级菜单制作(CSS版) (10:14)
2-2 编程练习
2-3 鼠标浮动效果 (12:55)
2-4 编程练习
2-5 悬浮层制作 (17:28)
2-6 编程练习
第3章 商城分类导航实现(JS版)
运用JS来实现商城分类导航及细节处理
3-1 JS实现特效 (08:24)
3-2 编程练习
第4章 细节优化及扩展
对导航细节进行分析与处理,并分析其它商城分类导航的区别及讲解制作过程。
4-1 细节优化及扩展(一) (07:50)
4-2 细节优化及扩展(二) (07:03)
4-3 编程练习
**** Hidden Message *****
确实是难得好帖啊,顶先 啥也不说了,感谢楼主分享哇! 正需要,支持楼主大人了! 1111111111111 6666666666666666666666666666. 啥也不说了,感谢楼主分享哇! 啥也不说了,感谢楼主分享哇!
页:
[1]