技术巴巴

 找回密码
 立即注册
技术巴巴 移动开发课程 查看内容

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

2019-3-12 20:10| 发布者: | 查看: 6| 评论: 0

摘要: 课程背景: 无论是企业站或者是电商站,导航条起到了各个页面的关联作用,导航条的类型有很多,有通栏导航条,有为了美观性的中英切换导航,还有带有下拉框的导航条,这些导航条都是根据网站内容而定,因此学习该课 ...
  • 1

    当前页面高亮显示的通栏导航条

    27:43

    简单介绍基础的通栏导航条的布局结构,通过制作多个页面,实现在不同页面都能高亮显示当前所在页的导航。

  • 2

    可以中英切换的导航条

    20:43

    让通栏导航具有中英切换的样式,通过 CSS3 的 transition 过渡和jQuery 的 animate 方法分别实现。

  • 3

    带弹性动画的下拉框导航条

    27:13

    该课程通过三种不同的方式分别实现带有下拉框的导航条,通过该课程学习下拉框导航的布局方式,jQuery 的 slideDown 和 slideUp滑动方法,以及 jQuery 的插件 jquery.easing.1.3 的使用。

  • 4

    摩擦运动动画跟随的导航条

    28:28

    这个课时作为该课程的总结,做一个滑块跟随鼠标指针进行移动,并且可以根据不同页面,将滑块的初识位置进行重定义。


路过

雷人

握手

鲜花

鸡蛋

最新评论

技术巴巴  

GMT+8, 2019-3-26 16:07 , Processed in 0.058229 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部