Javascript更改css頂級屬性

嗨我試圖逐漸改變背景在按鈕上點擊我的網頁這是一個JavaScript和HTML代碼片段我在做什麼錯了？Javascript更改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

Javascript更改css頂級屬性

回答

相關問題