버튼 클릭시 새 오브젝트 위치를 설정 하시겠습니까?

Question

누군가가 버튼을 클릭 할 때 화면에서 객체의 위치를 ​​변경하려고합니다. 예를 들어 버튼을 클릭하면 이미지 1이 { 'x': '300', 'y': '200'}으로 이동해야합니다.

제안 사항? 감사합니다.

Answer 1

당신은 당신의 HTML 레이아웃 다음이 주어 :

<button id="button1">Click</button> 
<img src="..." id="image1" /> 

스크립트 파일에이 같은 작업을 수행 할 수 있습니다 (순수 자바 스크립트) :

var button1 = document.getElementById("button1"); 
var image1 = document.getElementById("image1"); 

button1.click = function() 
{ 
    image1.style.position = "absolute"; 
    image1.style.top = "300px"; 
    image1.style.left = "200px"; 
}; 

또는 jQuery를/Zepto.js로 :

$(function() 
{ 
    $("#button1").on("click", function() 
    { 
     $("#image1").css({position: "absolute", top: "300px", left: "200px"}); 
    }); 
}); 

Answer 2

$(".btn").on ("click", function() { 
    $(".image1").css({top: 300px, left: 200px}); 
}); 

이 트릭을해야합니다