JS 网页中通过js控制图片的左右上下移动_js图片往右上移动怎么做-CSDN博客

<HTML><HEAD>
  <script type="text/javascript">
 <!--
 
function Fleft()
 {
 var x1=document.getElementById("img1").style.left;
 var x=eval(Number(x1.substring(0,x1.length-2))-20); 
 document.getElementById("img1").style.left=x+"px";
 }
 
function FRight()
 {
 var x1=document.getElementById("img1").style.left;
 var x=eval(Number(x1.substring(0,x1.length-2))+20); 
 document.getElementById("img1").style.left=x+"px";
 }
 
function FUp()
 {
 var x1=document.getElementById("img1").style.top;
 var x=eval(Number(x1.substring(0,x1.length-2))-20); 
 document.getElementById("img1").style.top=x+"px";
 }
 
function FDown()
 {
 var x1=document.getElementById("img1").style.top;
 var x=eval(Number(x1.substring(0,x1.length-2))+20); 
 document.getElementById("img1").style.top=x+"px";
 }
 


</script>
 </HEAD>
 <body>
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
  <input οnclick=Fleft() type=button value=left></input>  
  <input οnclick=FRight() type=button value=right></input> 
  <input οnclick=FUp() type=button value=Up></input>  
  <input  οnclick=FDown() type=button value=Down></input> 
 <FONT color=#000000><img id="img1" src="car.jpg" name="picture" style="position: 
 absolute; top: 200px; left: 0px;" BORDER="0" WIDTH="200" HEIGHT="100">
 
</body></HTML>