Javascript更改css顶部属性
嗨,我正在尝试逐渐改变背景,点击我的网页上的按钮,这是一个javascript和html代码片段,我做错了什么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
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转换,这就是它们的用途。我将位置属性设置得太绝对了