jQuery 菜单 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程主要通过使用 jQuery 完成 Menu 菜单功能,包含垂直菜单和水平菜单,通过使用 jQuery 代替原生的 JavaScirpt 文件,以非常简单地方式完成菜单功能。

    1.垂直菜单布局 00:13:59

    本课时主要讲解垂直菜单的布局,通过使用基本的 HMTL 标签和 CSS 样式完成垂直菜单的布局实现。

    2.垂直菜单实现 00:09:07

    本课时讲解同时使用原生 JavaScript 完成垂直菜单的实现,同时使用 jQuery 代替原生 JavaScript,更加简单地实现功能。

    3.水平菜单的实现 00:08:14

    本课时讲解实现水平菜单,通过对垂直菜单的 CSS 样式的调整,完成水平菜单的布局,同时更改垂直及水平菜单的图片样式。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

jQuery 菜单

3课时,31分钟2015-04-21
iwen
iwen

极客学院金牌布道师

课程背景
jQuery 是一个兼容多浏览器的 Javascript 库,核心理念是 write less,do more (写得更少,做得更多),jQuery 是免费、开源的,使用 MIT 许可协议。jQuery 的语法设计可以使开发者更加便捷,例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、使用 Ajax 以及其他功能。


核心内容:
1.show
2.hide
3.slideDown
4.slideUp
5.toggle
6.slidetoggle


软件环境:Webstrom


是否提供资料:


课程等级:中级


适合人群:
具有一定HTML、CSS、Javascript基础

  • 技术问答
  • 1

    垂直菜单布局

    13:59

    本课时主要讲解垂直菜单的布局,通过使用基本的 HMTL 标签和 CSS 样式完成垂直菜单的布局实现。

  • 2

    垂直菜单实现

    09:07

    本课时讲解同时使用原生 JavaScript 完成垂直菜单的实现,同时使用 jQuery 代替原生 JavaScript,更加简单地实现功能。

  • 3

    水平菜单的实现

    08:14

    本课时讲解实现水平菜单,通过对垂直菜单的 CSS 样式的调整,完成水平菜单的布局,同时更改垂直及水平菜单的图片样式。

相关课程

  • jQuery AJAX之异步访问和加载片段

    通过使用jQuery的AJAX能够非常方便的实现异步访问,学习jQuery得AJAX可以很好的掌握异步访问,本课程讲解AJAX异步访问和加载片段。

    2课时 22分钟
    初级
    31145人学习
  • jQuery的扩展与noConflict

    掌握jQuery扩展库是非常有必要的,jQuery可以让学员更加快速地完成开发内容。本课讲解jQuery的扩展内容和noConflict。

    2课时 10分钟
    初级
    17641人学习
  • jQuery CSS操作及jQuery的盒子模型

    通过使用jQuery能快速跟上越来越快的开发需求。掌握了jQuery对css的操作,能很好的通过jQuery来进行元素的样式的处理,本课讲解通过jQuery进行操作CSS及了解jQuery的盒子模型。

    2课时 17分钟
    初级
    22033人学习
  • jQuery之元素的遍历与元素的过滤

    通过对jQuery的熟练掌握,能很好方便的遍历元素进行操作,而且减少代码的复杂化。学习本课程之后可以直接通过jQuery对子级、父级和同级元素进行快速的查询过滤,从而更好的操作元素。

    4课时 30分钟
    初级
    20316人学习