如果只是加成4个menu只需要这样:
<body>
<div style="display:none"><!--此DIV为隐藏状态,存放相关栏目内容,后面数字为对应编号-->
<div id="div1">存放相关内容aaAAAA AAAAAA AAAAAAA AAAAA</div>
<div id="div2">存放相关内容BBBBBB BBBB BBBBB BBBBBB</div>
<div id="div3">存放相关内容ccCCCC CCCCCCC CCCCC CCCC</div>
<div id="div4">存放相关内容dddddd dddddddd ddddddd dddddd</div>
</div>
<ul class="mmul">
<li id="a1">aa</li>
<li id="a2">bb</li>
<li id="a3">cc</li>
<li id="a4">dd</li>
</ul> &nbsp;
<div id="nr"></div>
</body>改样式,只需要修改
。mmul{padding:0;margin:0; list-style-type:none}
.mmul li{float:left;width:60px;padding:0px;background:#FFDDDD;color:#000; cursor:pointer;text-align:center}

解决方案 »

  1.   

    谢谢这位老师!请问:
    .mmul{padding:0;margin:0; list-style-type:none}
    .mmul li{float:left;width:60px;padding:0px;background:#FFDDDD;color:#000; cursor:pointer;text-align:center}
    各项是表示什么的?还有什么其他可以添加的参数?比如Border?
      

  2.   

    background:1.gif;
    这么写貌似不性啊...
      

  3.   

    background:url(1.jpg)
    css的内容很多,自己去翻翻看
      

  4.   

    谢谢这位老师!请问如何修改成2个图片互换?现在是两个颜色互换,既选中是1种颜色 非选中是1种颜色,我研究了俩小时了,改了俩小时没改好...for(var i=1;i<=3;i++)
    {
    document.getElementById("a"+i).onmouseover=aOver;//注册鼠标经过事件
    }
    document.getElementById("a"+mya).style.backgroundColor="#FBB";//初始导航栏背景颜色
    document.getElementById("a"+mya).style.color="#F00";//初始导航栏文件颜色
    document.getElementById("nr").innerHTML=document.getElementById("div"+mya).innerHTML;//初始中内容
    }是否在这里面改?
    style.backgroundColor="#FBB";
    style.color="#F00";
    怎么改成图片连接呀?假设有两个图片  1.gif  2.gif请求您的帮助!谢谢老师!·