php 导航栏滚动图片,兼容性非常好的简单小巧JavaScript Tab滑动导航菜单特

脚本代码(For Alixixi.com)如下:

简洁TAB 阿里西西特效演示

function nTabs(thisObj, Num) {

if (thisObj.className == "active") return;

var tabList = document.getElementById("myTab").getElementsByTagName("li");

for (i = 0; i < tabList.length; i++) {//点击之后，其他tab变成灰色，内容隐藏，只有点击的tab和内容有属性

if (i == Num) {

thisObj.className = "active";

document.getElementById("myTab_Content" + i).style.display = "block";

} else {

tabList[i].className = "normal";

document.getElementById("myTab_Content" + i).style.display = "none";

}

}

}

*

{

margin: 0;

padding: 0;

list-style: none;

font-size: 14px;

}

.nTab

{

width: 500px;

height: 200px;

margin: 20px auto;

border: 1px solid #333;

overflow: hidden;

}

.none

{

display: none;

}

.nTab .TabTitle li

{

float: left;

cursor: pointer;

height: 35px;

line-height: 35px;

font-weight: bold;

text-align: center;

width: 124px;

}

.nTab .TabTitle li a

{

text-decoration: none;

}

.nTab .TabTitle .active

{

background: black;

color: #336699;

}

.nTab .TabTitle .normal

{

color: #F1AC1C;

}

.nTab .TabContent

{

clear: both;

overflow: hidden;

background: #fff;

padding: 5px;

display: block;

height: 100px;

}

• ASP
• PHP2
• PHP3
• PHP4

阿里西西特效演示：同一页面，滑动门，选同一页面，滑动门，选同一页面，滑动门，选v同一页面，滑动门，选同一页面，滑动门，选同一页面，滑动门，选同一页面，滑动门，选同一页面，滑动门，选同一页面，滑动门，选

阿里西西特效演示：兼容性好2

阿里西西特效演示：兼容性好3

阿里西西特效演示：兼容性好4