시간으로 div 위치 변경하기

내 div의 위쪽과 왼쪽 위치를 200ms마다 변경하고 싶습니다. 왜이 코드가 작동하지 않습니까? 난 그냥 코드를보고, 당신은 $ ("..."). CSS 통화의 내부 객체 대신 쉼표 목록을 사용해야 볼 수있는에서시간으로 div 위치 변경하기

$(document).ready(function(){ 
    setInterval(function() { 
     //$('#quatao').css("top", "+=20"); it's work!!!! 
     if (parseInt($("#quatao").css("top"),10) < 350) { 
      $("#quatao").css("top", "+=20", "left", "-=30"); 
     } 
     else if (parseInt($("#quatao").css("top"),10) > 500) { 
      $("#quatao").css("top", "-=20", "left", "+=30"); 
     } 
    }, 200); 
});

출처

2014-10-14 Lâm Ánh

'px' .. –

. 단 하나의 값이 변경 될

$("#quatao").css({"top": "+=20", "left": "-=30"}); 

$("#quatao").css({"top": "-=20", "left": "+=30"});

참고 콤마 분리 작동하지만, 두 개 이상의 값 들면 JSON 객체가 필요하다.

Check out different usages for .css here

출처

2014-10-14 04:07:20 Gustav

당신을 감사합니다, 내 구문이 거짓입니다. –

당신은 처음에, 다른 '$ ("#의 quatao"). CSS ("최고")'숫자 대신 '자동'을 반환해야 CSS의 상단 위치를 설정해야합니다.

<div id="quatao" style="top:0px;left:0px"></div>

확인이 당신이 찾고있는 경우 :로

그것은 간단 할 수 당신은 또한 같은 단위를 언급해야한다고 생각 http://jsfiddle.net/8g1Lzr5c/1/

출처

2014-10-14 04:11:55

아니요, 인라인 스타일은 사용할 수 없습니다. 이 정보는 CSS 파일에 적합 할 수도 있지만 질문은 초기 상태에 대해서는 언급하지 않습니다. – Gustav

이 코드에는 논리 문제가 있지만 360px에 도달하면 div가 움직이지 않습니다. 그러나 나는 그것으로 저자의 목적을 모른다. –

시간으로 div 위치 변경하기

답변

관련 문제