我一学生,最近想把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实现功能的,但我确实不晓得改怎么做
<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实现功能的,但我确实不晓得改怎么做
<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>
楼主 这个意思?