JavaScript 选项卡切换
以一定结构组织 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 选项卡切换”
你好,我安装yourls 发现跳转后有问题。
1.5版本的,请问最近你用过吗?谢谢
很久没用了,我也不清楚了。