超级强的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;
}
}