请进！看看谁的算法最高明?

本帖最后由 fanpei2linux 于 2011-04-17 18:10:15 编辑

解决方案 »

  1.   

    额。高明是指？
    这种功能似乎没什么特别需要去比较的吧，你是遍历，别人也是遍历，只是别人可能考虑到可复用性或是什么的，没这么直接的写吧。
    window.onload = function(){
    rows = document.getElementById('playlist').rows;
    for(var i = 0; i < rows.length; i++) {
    i % 2 ? rows[i].className = "even" : rows[i].className = "odd";
    }
    };
      

  2.   

    window.onload = function(){
                    rows = document.getElementById('playlist').rows;
                    for(var i = 0; i < rows.length; i++) {
                        i & 1 ? rows[i].className = "even" : rows[i].className = "odd";
                    }
                };
     改成好玩的
      

  3.   


    <html>
      <head>
        <title>表格变色</title>
        <style type="text/css">
            .odd{background:#ffffee;}
            .even{background:#fff38f;}
            .first{background:red;}
            .last{background:blue;}
            .mouseOver{background:green;}
        </style>
       <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
       <script type="text/javascript">
               $(function(){
                   $("tr:odd").addClass("odd");        //加奇行样式
                   $("tr:even").addClass("even");        //加偶行样式
                   $("tr:first").addClass("first");    //为第一行加样式
                   $("tr:last").addClass("last");        //为最后行加样式
                   //为行元素加上鼠标移入和移出事件
                   $("tr").mouseover(function() {
                    $(this).addClass("mouseOver")    //加上样式
                }).mouseout(function() {
                    $(this).removeClass("mouseOver")//去掉样式
                });
               })
       </script>
      </head>
      <body>
          <table border="1">
              <tr><td>姓名</td><td>年龄</td></tr>
              <tr><td>王华</td><td>18</td></tr>
              <tr><td>刘云</td><td>19</td></tr>
              <tr><td>刘亮</td><td>15</td></tr>
              <tr><td>叶子</td><td>17</td></tr>
              <tr><td>刘梦</td><td>20</td></tr>
          </table>
      </body>
    </html>用jQuery做的, 有奇偶行变色, 还有鼠标移上移出的光棒效果, 你自己加上一个jQuery的js文件就好了. 
    学js, 而不知jQuery……
      

  4.   

    分全给你。你这句话让我着手了一下jQuery。学了and用了几个小时。发觉用jQuery框架真他妈的爽！！！！