javascript 改变CSS 的问题求助

改变menu样式的属性怎么做不知道，因为从来没有这么想过也没有这么做过，但是楼主可以另外设置一个样式 menu1，其中top和left属性的值就是你改变后的那个值
<div id=menu class=menu></div> 用js 将class改变为menu1 目的达到了

解决方案 »

  1.   

    <div id="menu"> XXX</div>
    <script>
    var oDiv=document.getElementById("menu");
    oDiv.style.top=10+"px";
    oDiv.style.left=10+"px";
    </script>
      

  2.   

    .menu {
    height: 120px;
    width: 140px;
    top:100px;
    }如果我有一个样式 为 menu 可以在IE 使用
    但是在Firfox 下需要有一些调整 需要改变TOP 和 left 属性 或者改变样式也可以
      

  3.   

    - -#那你一开始就把CSS写好了不就成了?
      

  4.   

    编个函数给你:function mnuMoveto(sId,nTop,nLeft)
    {
      var oMenu=document.getElementById(sId);
    oMenu.style.top=nTop+"px";
    oMenu.style.left=nLeft+"px";
    }
    完整页面:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
    <head><meta http-equiv="content-type" content="text/html; charset=gb2312">
    <title></title></head>
    <body>
    <div id="menu1" class="menu"><a href="javascript:mnuMoveto('menu1',100,0);">移动菜单1到100,0</a></div>
    <div id="menu2" class="menu"><a href="javascript:mnuMoveto('menu2',0,100);">移动菜单2到0,100</a></div><style>
    .menu{border:1px solid black;display:block; position:relative; width:240px;}
    #munu1{top:0px;left:0px;}
    #munu2{top:100px;left:200px;}</style>
    <script> function mnuMoveto(sId,nTop,nLeft)
    {
      var oMenu=document.getElementById(sId);
    oMenu.style.top=nTop+"px";
    oMenu.style.left=nLeft+"px";
    }</script></body>
    </html>
      

  5.   

    更改样式，只需要更改DIV的className(ie),class(ff)中的值就行了。xx.className="";或者
    xx.class="";