请教各位大神怎样做成像书签样式的菜单栏???
点击不同页面 颜色也随之改变

解决方案 »

  1.   

    table就可以,控制单元格样式,js控制
      

  2.   

    http://www.lanrenzhijia.com/nav/2166.html
      

  3.   

    <script>
    function nTabs(thisObj,Num){
    if(thisObj.className == "active")return;
    var tabObj = thisObj.parentNode.id;
    var tabList = document.getElementById(tabObj).getElementsByTagName("li");
    for(i=0; i <tabList.length; i++)
    {
      if (i == Num)
      {
       thisObj.className = "active"; 
          document.getElementById(tabObj+"_Content"+i).style.display = "block";
      }
      else
      {
       tabList[i].className = "normal"; 
       document.getElementById(tabObj+"_Content"+i).style.display = "none";
      }

    }
        </script><ul id="myTab1" 
                            <li  onmousemove="nTabs(this,0);" onclick="javascript:location.href='default.aspx'">
                                <font style="margin-bottom: 4px;">首页</font></li>
                            <li  onmousemove="nTabs(this,1);" >
                               关于我们</li>
                            <li  onmousemove="nTabs(this,2);" >
                                最新动态</li>
                            <li  
                              onmousemove="nTabs(this,3);" >                            产品展示</li>
                            <li  onmousemove="nTabs(this,4);" >
                                系统介绍</li>
                            <li onmousemove="nTabs(this,5);" >
                                安全环保</li>
                            <li  onmousemove="nTabs(this,6);" >
                                科技创新</li>
                            <li  onmousemove="nTabs(this,7);" >
                               在线留言</li>
                                        
                        </ul>