DOMtab的基本使用方法以及下载地址和完整演示

一.什么是DOMtab
DOMtab是一个用javascipt制作的通用可扩展的tab切换显示隐藏内容快的web控件。

二.怎么使用DOMtab
1.在页面的区域加上

2.在页面主体的部分加上

Proof 1

Test to prove that more than one menu is possible

back to menu

Proof 2

Test to prove that more than one menu is possible

back to menu

[… and so on …]


然后定义各个class的样式就可以了,你也可以加class定义样式,但是代码的结构不能变化
3.更改javascript中控件的属性
tabClass:’domtab’, //目标区域的class名称
listClass:’domtabs’, // 列表菜单的class名称
activeClass:’active’, // 菜单激活状态下的class名称
contentElements:’div’, // 循环内容区域的元素名称
backToLinks:/#top/, // 设置返回顶部的参数
printID:’domtabprintview’, // 显示所有区域内容的id名称
showAllLinkText:’show all content’, // 显示所有区域的文字名称

三.增加向前向后按钮

1.在区域的起始class上多增加一个doprevnext

[… ad nauseam…]


2.在页面里面加上下列代码


3.javascript里面的属性定义

prevNextIndicator:’doprevnext’, // 目标容器的class名称
prevNextClass:’prevnext’, // class名称
prevLabel:’previous’, // 上一页的文字
nextLabel:’next’, // 下一页的文字
prevClass:’prev’, // 上一页的class
nextClass:’next’, // 下一页的class

四.DOMtab中的样式控制
你可以强制的控制某一个元素的样式譬如显示和隐藏等等


五.下载以及演示
下载DOMtab version 3.1415927
DOMtab演示

“DOMtab的基本使用方法以及下载地址和完整演示”的一个回复

发表评论

电子邮件地址不会被公开。