鼠标点击表格中的href使得该行高亮代码

本帖最后由 lk119103 于 2011-08-01 21:40:19 编辑

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <table>
    <tr>
         <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="javascript:void(0)">点我</a></td>
        </tr>
        <tr>
         <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="javascript:void(0)">点我</a></td>
        </tr>
    </table>
    <script>
    var a = document.getElementsByTagName('a'),
    len = a.length,
    tr = document.getElementsByTagName('tr');

    for(var i = 0; i < len; i++){
    !function(i){
    a[i].onclick = function(){
    for(var j = 0; j < len; j++){
    tr[j].style.background = '#fff';
    }
    tr[i].style.background = '#000';
    };
    }(i)
    }



    </script>
    </body>
    </html>
      

  2.   

    我的href已经设置了 <td><a href=复件+1.html traget="topFrame">NO.1</td>，请问该如何修改使得2个功能都能实现。。本人新手，被老板硬逼着做页面的。。
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <iframe name="topFrame" id="topFrame" width="100" height="100"></iframe>
    <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="aa.html" target="topFrame">点我</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="aa.html" target="topFrame">点我</a></td>
        </tr>
    </table>
    <script>
        var a = document.getElementsByTagName('a'),
        len = a.length,
        tr = document.getElementsByTagName('tr');
        
        for(var i = 0; i < len; i++){
            !function(i){
                a[i].onclick = function(){
                    for(var j = 0; j < len; j++){
                        tr[j].style.background = '#fff';    
                    }
                    tr[i].style.background = '#000';
                };    
            }(i)    
        }
        
        
        
    </script>
    </body>
    </html>
      

  4.   


    你现在的代码是以第一行为起始，我点击第5行的href是第三行的href高亮  
    现在希望点第三行的就第三行高亮，第四行就第四行高亮 
      

  5.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <iframe name="topFrame" id="topFrame" width="100" height="100"></iframe>
    <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="aa.html" target="topFrame">点我</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="aa.html" target="topFrame">点我</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="aa.html" target="topFrame">点我</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="aa.html" target="topFrame">点我</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="aa.html" target="topFrame">点我</a></td>
        </tr>
    </table>
    <script>
        var a = document.getElementsByTagName('a'),
        len = a.length,
        tr = document.getElementsByTagName('tr');
        
        for(var i = 2; i < len; i++){
            !function(i){
                a[i].onclick = function(){
                    for(var j = 2; j < len; j++){
                        tr[j].style.background = '#fff';    
                    }
                    tr[i].style.background = '#000';
                };    
            }(i)    
        }
        
        
        
    </script>
    </body>
    </html>
    看看是这意思吗？从第三行开始亮~·
      

  6.   

    各位高手!function(i){
        a[i].onclick = function(){
            for(var j = 0; j < len; j++){
                tr[j].style.background = '#fff';    
            }
            tr[i].style.background = '#000';
        };    
    }(i);!function(i){}(i);
    这句话是什么意思啊？闭包传值，怎么还要 ! 这一下。