HTML5开发项目实战:列表切换 VIP

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

    目录 收起>

    本课通过 CSS 经典计算完成列表标签的切换效果,使用 jQuery 完成事件的处理和标签的切换效果。

    1.CSS经典计算方法 00:10:55

    本课时讲解通过 CSS 的计算,完成获取当前图片位置显示在列表中。

    2.列表基本布局 00:05:00

    本课时讲解通过 div 以及无序列表完成2中显示方式的基本布局效果,主要通过 CSS 调整标签位置及大小。

    3.切换功能实现 00:07:38

    本课时讲解通过使用 jQuery 添加监听事件、完成 CSS 的修改及添加和删除 className。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

HTML5开发项目实战:列表切换

3课时,24分钟2014-12-15
iwen
iwen

极客学院金牌布道师

课程背景:
在展示信息的页面中,经常会有为了展示主要内容而隐藏附属内容。而这些附属内容恰恰又是我们需要看到的内容。所以为了适应这两种情况,信息列表的切换成为了很好的选择。


核心内容:
1.CSS 经典计算
2.布局设计
3.jQuery 使用


软件环境:WebStrom


是否提供资料:


课程等级:初级


适合人群:
具有HTML基础的开发者

  • 技术问答
  • 1

    CSS经典计算方法

    10:55

    本课时讲解通过 CSS 的计算,完成获取当前图片位置显示在列表中。

  • 2

    列表基本布局

    05:00

    本课时讲解通过 div 以及无序列表完成2中显示方式的基本布局效果,主要通过 CSS 调整标签位置及大小。

  • 3

    切换功能实现

    07:38

    本课时讲解通过使用 jQuery 添加监听事件、完成 CSS 的修改及添加和删除 className。

相关课程