超级强的tab滑轮菜单效果，点击改变样式。

body,li,th {font-size:12px;padding:0px;margin:0px;list-style-type:none;}

.on {font-weight:bold;font-size:14px;text-align:center;cursor:pointer;padding:10px;background:#f00;color:#fff;}

.menu li {float:left;margin-right:10px;line-height:20px;background:#f0f0f0;border:solid 1px #c0c0c0;}

var menu =

{

oldids:["0", "0", "0", "0"],

selectmenu:function(position, index, name)

{

var oldid = name+this.oldids[position];

var nowid = name+index;

var oldobj = document.getElementById(oldid);

var newobj = document.getElementById(nowid);

oldobj.className = "";

newobj.className = "on";

this.oldids[position] = index;

}

}

• 第一排第一个
• 第一排第二个
• 第一排第三个
• 第一排第四个
• 第一排第五个

• 第一排第一个
• 第一排第二个
• 第一排第三个
• 第一排第四个
• 第一排第五个

• 第一排第一个
• 第一排第二个
• 第一排第三个
• 第一排第四个
• 第一排第五个

• 第一排第一个
• 第一排第二个
• 第一排第三个
• 第一排第四个
• 第一排第五个