Går det att få ett flytande lager att accelerera över en sida?
Alltså, starta långsamt och sedan öka i hastighet.
Hur?
Olinjär interpolering?
3 svar · 220 visningar · startad av Jesper T
Ungefär så här?
<script type="text/javascript">
var speed=0; xpos=0;
function acc(){
speed++;
xpos+=speed;
document.getElementById("foo").style.left=xpos;
if(xpos<1280){ setTimeout("acc();",50); } else { document.getElementById("foo").style.display="none"; }
}
window.onload=function(){
setTimeout("acc();",50);
}
</script>
<div id="foo" style="position:absolute;top:100px;left:0px;">Ett lager...</div>
Snyggt!
Ett litet tillägg för att få det att fungera i Mozilla:
<script type="text/javascript">
var speed=0; xpos=0;
function acc(){
speed++;
xpos+=speed;
document.getElementById("foo").style.left=xpos[red]+"px"[/red];
if(xpos<1280){ setTimeout("acc();",50); } else { document.getElementById("foo").style.display="none"; }
}
window.onload=function(){
setTimeout("acc();",50);
}
</script>