Javascript更改css顶级属性

时间:2013-11-23 12:31:43

标签: javascript html css

嗨我正试图逐渐改变背景按钮点击我的网页这是一个javascript和html代码片段我做错了什么?

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>

1 个答案:

答案 0 :(得分:1)

如果您希望样式top起作用,则应设置css position属性。 See fiddle