使用 jQuery 实现多种类型的导航条(下) VIP

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

    目录 收起>

    本课程主要通过 jQuery 和 CSS3 进行实际应用,在上篇主要讲的是最常规的导航条样式,下篇主要讲解折叠菜单的两种方式,学习完这个课程可以轻松的应用 jQuery 和 CSS3 的各种交互特效,以及实现菜单的水平和垂直展开方式。

    1.根据子集个数改变导航高度的导航条 00:33:38

    该导航能够根据导航条的子集个数,动态的改变整体导航的高度变化,能够起到不错的交互效果,特别适合做子集较多的导航条。

    2.将页面向下推动的导航条 00:31:25

    本节课主要通过 jQuery 配合 CSS3,实现上下展开的折叠菜单,详细讲解通过 CSS3 制作绚丽的关闭按钮。

    3.从左侧滑动展示的导航条 00:27:52

    该节课主要讲解从左侧滑动展示的导航栏,并且讲解通过其他焦点事件,完成导航栏的折叠效果。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

使用 jQuery 实现多种类型的导航条(下)

3课时,93分钟2016-03-22
写代码的平面师
写代码的平面师

极客学院签约布道师

课程背景:
无论是企业站或者是电商站,导航条起到了各个页面的关联作用,导航条的类型有很多,有通栏导航条,有为了美观性的中英切换导航,还有带有下拉框的导航条,这些导航条都是根据网站内容而定,因此学习该课程你能够了解现在网站经常出现的导航条样式,并可以灵活的运用。

核心内容:
1.CSS3 的 animation 动画
2.CSS3 中 transition 过渡
3.:nth-child(n) 选择器
4.jQuery 的 toggleClass()、slideToggle()

软件环境:Dreamweaver

是否提供资料:

课程等级:中级

适合人群:
具有 JavaScript 基础或 jQuery 基础的同学
  • 技术问答