我一学生,最近想把Q空间做一下,可上来就遇到了问题。
     <table border=1 width="603" height="53">
       <tr align="center">
       <td width="352"><div id="Layer1"><a href="#">个人中心</a></div>   
   <fieldset></fieldset> 
         <div id="Layer2"><a href="#">相册</a></div>
         <div id="Layer3"><a href="#">留言板</a></div></td>
       <td width="235"><div id="Layer4">
         <input type="button" name="button" value="前移">
         <input type="button" name="button2" value="后移">
       </div></td>
       </tr>
    </table>
看看,我想把第二个链接通过按钮移动到第一个按钮位置,我该做没做?
还有,我感觉不应该用div实现功能的,但我确实不晓得改怎么做

解决方案 »

  1.   

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    </head>
    <body>
    <table border=1 width="603" height="53">
    <tr align="center">
    <td width="352"><div id="Layer1"><a href="#">个人中心</a></div>   
    <fieldset></fieldset>  
    <div id="Layer2"><a href="#">相册</a></div>
    <div id="Layer3"><a href="#">留言板</a></div></td>
    <td width="235"><div id="Layer4">
    <input type="button" name="button" value="移动" id="btn" />
    </div></td>
    </tr>
    </table>
    <script>
    function $(el){
    return typeof el == 'string' ? document.getElementById(el) : el;
    }
    $('btn').onclick= function(){
    var tmp = $('Layer2').innerHTML;
    $('Layer2').innerHTML = $('Layer1').innerHTML;
    $('Layer1').innerHTML = tmp;
    }
    </script>
    </body>
    </html>
    楼主 这个意思?
      

  2.   

    1楼的哥们 随处可见啊  是不是CSDN的站长啊》?