关于链接位置的移动,该如何解决
日期：2014-05-16 浏览次数：20450 次
关于链接位置的移动
我一学生，最近想把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实现功能的，但我确实不晓得改怎么做。。。
------解决方案--------------------
我一学生，最近想把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实现功能的，但我确实不晓得改怎么做。。。
------解决方案--------------------
- HTML code
<!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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
