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顶级属性

回答

相关问题