鼠标滑过选项卡内容变化效果

来源：百度知道 编辑：UC知道 时间：2024/05/13 02:15:49
我这有个是支持三个选项卡的，可是现在需要6个选项卡，请问各位大侠怎么修改下呢？？
<script language="JavaScript" type="text/JavaScript">
<!--

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) {
if ((obj=MM_findObj(args[i]))!=null) {
v=args[i+2];
if (obj.style) {
v = (v == 'show') ? '' : 'none';

你的代码没贴全，我看不出是什么效果的，我搞了个6个选项卡的
代码如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
<!--
.Menu {
font-size: 12px;
width: 200px;
float: left;
border: 1px solid #CCCCCC;
}
ul {
margin: 0px;
padding: 0px;
}
.Menu ul li {
list-style-type: none;
height: 24px;
text-align: center;
line-height: 24px;
}
.Menu li a, .Menu li a:active {
border-bottom:1px solid #cccccc;
display: block;
height: 24px;
width: 200px;
text-decoration: none;
}
.Menu li a:hover {
background-color: #f2f6fb;
}
.content .textList li {