Javascript change css top property

Question

Hi I'm trying to change background gradually on button click on my web page this is a javascript and html code snippets what am I doing wrong?

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>

In what way does the code not work? (Also, don't call setInterval with a string, and ideally don't call Javascript with HTML attributes...) — lonesomeday
– lonesomeday, Commented Nov 23, 2013 at 12:35

karaxuna · Accepted Answer · 2013-11-23 12:38:39Z

1

If you want style top to work, you should set css position property. See fiddle

answered Nov 23, 2013 at 12:38

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mr. Holiday Over a year ago

I have set position attribute too absolute

Collectives™ on Stack Overflow

Javascript change css top property

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related