为了账号安全,请及时绑定邮箱和手机立即绑定

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.6
135人评价 查看评价
9.9 内容实用
9.4 简洁易懂
9.5 逻辑清晰
简介:本课程从易到难,循循渐进,从静态网页布局,到运用HTML/CSS、JavaScript、jQuery不同技术实现动态下拉菜单,让您掌握下拉菜单的制作及在不同浏览器间进行代码调试,解决浏览器兼容问题。

1章 HTML/CSS方法实现下拉菜单

掌握使用HTML/CSS实现下拉菜单的静态布局及显示和隐藏
  1. 1-1 HTML/CSS方法实现下拉菜单 (23:11)
  2. 1-2 练习题
  3. 1-3 编程练习

2章 JS方法实现下拉菜单显示和隐藏

运用JavaScript技术现实下拉菜单显示和隐藏
  1. 2-1 JS方法实现下拉菜单显示和隐藏 (13:44)
  2. 2-2 练习题
  3. 2-3 编程练习

3章 jQuery方法实现下拉菜单显示和隐藏

运用jQuery技术实现下拉菜单显示和隐藏
  1. 3-1 jQuery方法实现下拉菜单显示和隐藏 (13:41)
  2. 3-2 练习题
  3. 3-3 编程练习

4章 变幻菜单

从中文变幻到英文,英文变幻到中文,怎样做最简单?代码最少,兼容性最好?本章中你会找到答案。
  1. 4-1 变幻菜单展示及制作(一) (07:37)
  2. 4-2 变幻菜单制作(二) (06:21)
  3. 4-3 编程练习

5章 多级菜单

除了二级下拉菜单,还想做三级、四级、五六七八级下拉菜单?学习本章你可以掌握万变不离其宗的思想,从此不会为多级菜单头疼!
  1. 5-1 CSS实现多级菜单 (09:34)
  2. 5-2 CSS实现三级菜单 (06:11)
  3. 5-3 IE浏览器兼容 (11:32)
  4. 5-4 编程练习

7章 特效菜单

同小异的菜单,眼花缭乱的效果,但是核心思想却是惊人的相似。本章从一个特效菜单看遍其他特效菜单。
  1. 7-1 特效菜单 (03:10)
  2. 7-2 特效菜单布局 (07:53)
  3. 7-3 jQuery实现特效菜单 (10:46)
  4. 7-4 编程练习

8章 响应式菜单

只会一点点CSS的你,也可以做响应式布局,也可以为你的网站添加响应式菜单。不论是使用CSS还是Bootstrap框架,都是这样地简单,不听一下白瞎了!
  1. 8-1 响应式菜单介绍 (06:26)
  2. 8-2 响应式菜单实现 (14:30)
  3. 8-3 Bootstrap实现响应式菜单 (09:28)
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。
意见反馈 常见问题 APP下载
官方微信
hv128