Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript更改css顶部属性_Javascript_Html_Css - Fatal编程技术网

Javascript更改css顶部属性

Javascript更改css顶部属性,javascript,html,css,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(){ star

嗨,我正在尝试逐渐改变背景,点击我的网页上的按钮,这是一个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>
var content=document.getElementById('content').style;
var content1=document.getElementById('content1').style;
var start1;
var start2;
var inti=null;
函数changeContent(){
start1=1;
start2=1001;
inti=setInterval('swapContent()',20);
}
函数swapContent(){
start1-=5;
start2-=5;
content.top=start1+'px';
content1.top=start2+'px';
} 

如果希望样式
top
起作用,则应设置css位置属性

代码以什么方式不起作用?(另外,不要用字符串调用
setInterval
,理想情况下不要用HTML属性调用Javascript…)内容的位置不会改变为什么不使用CSS转换,这就是它们的用途。我将位置属性设置得太绝对了