JavaScript 选项卡切换

2012-04-05 703
2 Comments

以一定结构组织 HTML，引入所需 JavaScript 脚本和 CSS样式文件，即可创建可切换的 Tab Show。

基础 HTML 结构

引入所需 jstab.css，jstab.js，mini.min.js，为外部 DIV 设定基本样式：

内容 HTML 结构

需要为导航和内容创建两个列表元素，并按如下结构组织内容：

其中，#banner-tab-nav 中的每一个 a 元素都指向其对应的 .jstab-content-item 元素。注意这两个列表的 ID 与下方 JavaScript 中对应。

样式调整

提供的 CSS 样式表中，有多处以 px 单位指定了绝对大小，请依实际情况逐个调整。

下载

包括代码和演示：jstab

互联网

2 replies on “JavaScript 选项卡切换”