这是一款简洁实用JavaScript tab滑动门 选项卡特效 把 οnclick="nTabs(this,0) 变成 onmouserover="nTabs(this,0),可以做一个鼠标放上去就换内容的效果!
转自:JS特效
代码如下
<html>
<head>
<title>简洁TAB选项卡-JS选项卡www.iiwnet.com</title>
<script type="text/javascript">
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 {