Jquery简单的选项卡实现

概述

原来对jQuery用的不是很多，主要就是表单验证这些部分，最近想要更深入的学习jQuery和JavaScript编码，就找来了一些视频进行学习，然后就做了这个简单的选项卡示例。视频学习地址见最后。

页面布局

在进行编码之前，最先要做的就是页面布局，开发工具使用的是安装了zenCoding的Notepad++:

布局编码

白日依山尽，

黄河入海流，

欲穷千里目，

更上一层楼。

问君能有几多愁，

恰似一江春水向东流!

枯藤老树昏鸦，

小桥流水人家。

古道西风瘦马，

断肠人在天涯。

Css演示设置

jQuery类库的引入

为了方便以后版本的查找，使用的是百度在线的CDN库；

动态选项卡的实现

页面布局完成以后，就可以开始动态效果的制作了，下面是代码实现：

其他

视频课程地址：http://study.163.com/course/courseLearn.htm?courseId=232003

百度CDN地址：http://developer.baidu.com/wiki/index.php?title=docs/cplat/cdn