JavaScript。偏题，人在线
日期：2014-05-18 浏览次数：20815 次
JavaScript。。难题，人在线
单鼠标点击图片A的时候并移动到图片E处，然后松开鼠标，要使此时A与E的位置调换。同理其他图片也可以这样互相移动。。。
------解决方案--------------------
<head>
<script type = "text/javascript">
var pointFirst;
var pointSecond;
var first;
var second
function onClick(id){
first = id;
pointFirst = document.getElementById(id).innerText;
}
function onMouseUp(id){
second = id;
pointSecond = document.getElementById(id).innerText;
tempImageChange();
}
function tempImageChange(){
document.getElementById(first).innerText = pointSecond;
document.getElementById(second).innerText = pointFirst;
}
</script>
</head>
<table width="157" height="141" border="1">
<tr>
<td id="aId" bgcolor="#FFFFFF" onmousedown ="onClick('aId')" onmouseup="onMouseUp('aId')" value="a"><div align="center">A</div></td>
<td id="bId" bgcolor="#FFFFFF" onmousedown ="onClick('bId')" onmouseup="onMouseUp('bId')"><div align="center">B</div></td>
</tr>
<tr>
<td id = "dId" onmousedown ="onClick('dId')" onmouseup="onMouseUp('dId')"><div align="center">D</div></td>
<td id = "eId" onmousedown ="onClick('eId')" onmouseup="onMouseUp('eId')"><div align="center">E</div></td>
</tr>
</table>
上面的原理差不多！
- HTML code
<table width="157" height="141" border="1">
<tr>
<td bgcolor="#FFFFFF"><div align="center">A</div></td>
<td bgcolor="#FFFFFF"><div align="center">B</div></td>
</tr>
<tr>
<td><div align="center">D</div></td>
<td><div align="center">E</div></td>
</tr>
</table>
单鼠标点击图片A的时候并移动到图片E处，然后松开鼠标，要使此时A与E的位置调换。同理其他图片也可以这样互相移动。。。
------解决方案--------------------
<head>
<script type = "text/javascript">
var pointFirst;
var pointSecond;
var first;
var second
function onClick(id){
first = id;
pointFirst = document.getElementById(id).innerText;
}
function onMouseUp(id){
second = id;
pointSecond = document.getElementById(id).innerText;
tempImageChange();
}
function tempImageChange(){
document.getElementById(first).innerText = pointSecond;
document.getElementById(second).innerText = pointFirst;
}
</script>
</head>
<table width="157" height="141" border="1">
<tr>
<td id="aId" bgcolor="#FFFFFF" onmousedown ="onClick('aId')" onmouseup="onMouseUp('aId')" value="a"><div align="center">A</div></td>
<td id="bId" bgcolor="#FFFFFF" onmousedown ="onClick('bId')" onmouseup="onMouseUp('bId')"><div align="center">B</div></td>
</tr>
<tr>
<td id = "dId" onmousedown ="onClick('dId')" onmouseup="onMouseUp('dId')"><div align="center">D</div></td>
<td id = "eId" onmousedown ="onClick('eId')" onmouseup="onMouseUp('eId')"><div align="center">E</div></td>
</tr>
</table>
上面的原理差不多！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
