2 svar · 264 visningar · startad av Fredriksson
Hej!
Jag har ett lager som heter "meny".
När man klickar på en länk så vill jag att detta lager ska glida över skärmen 200 pixlar neråt och sen tillbaka till samma position igen.
Någon som kan ge mig en kodsnutt?
Det var tydligen svårare än jag trodde....
<style type="text/css">
#glidande { position: relative; }
</style>
<script type="text/javascript">
var glidObj, glidOffset = 0, speed = 2;
function glid() {
if( glidOffset < 200 && glidOffset >= 0 ){
glidOffset += speed;
glidObj.style.top = glidOffset + "px";
} else if( glidOffset >= 200 ){
speed *= -1;
glidOffset += speed;
glidObj.style.top = glidOffset + "px";
} else
return
setTimeout(glid, 20);
}
window.onload = function() {
glidObj = document.getElementById("glidande");
glid();
}
</script>
...
<p id="glidande">Denna text kommer att glida neråt och sedan uppåt igen.</p>