자바 스크립트 변경 CSS 상위 속성

안녕하세요, 점차적으로 배경을 변경하려고합니다. 자바 스크립트 및 HTML 코드 조각을 내 웹 페이지에서 클릭하십시오. 내가 뭘 잘못하고있는 걸까요?자바 스크립트 변경 CSS 상위 속성

var content=document.getElementById('content').style; 
var content1 = document.getElementById('content1').style; 
var start1; 
var start2; 
var inti =null; 
function changeContent(){  
    start1 =1; 
    start2 = 1001; 
    inti=setInterval('swapContent()',20);  
} 

function swapContent(){ 
    start1 -=5; 
    start2 -=5; 
    content.top = start1 + 'px'; 
    content1.top = start2 + 'px';       
} 

<body> 

    <div id="navigation" > 
    <input type="button" onclick="changeContent()" /> 
    </div> 
    <div id="content"> 
    </div> 
    <div id="content1"> 
    </div>   
</body>

출처

2013-11-23 mr. Holiday

어떤 식으로 코드가 작동하지 않습니까? (또한'setInterval'을 문자열로 호출하지 말고 HTML 속성을 사용하여 Javascript를 호출하지 않는 것이 좋습니다 ...) – lonesomeday

내용의 위치는 변경되지 않습니다 –

CSS 전환을 사용하지 않는 이유는 무엇입니까? . – frenchie

스타일 top을 사용하려면 CSS 위치 속성을 설정해야합니다. See fiddle

출처

2013-11-23 12:38:39 karaxuna

위치 속성을 너무 설정했습니다. –

http://jsfiddle.net/Kbknt/1/ – karaxuna

자바 스크립트 변경 CSS 상위 속성

답변

관련 문제