Code: Alles auswählen
<html>
<head>
<style>
div#wrapper
{
position: absolute;
top: 200px;
left: 300px;
height: 400px;
width: 200px;
border: 1px solid red;
}
div#fenster
{
position: absolute;
top: 25px;
height: 350px;
width: 100%;
overflow: hidden;
}
div#inhalt
{
padding: 5px;
}
hr
{
width: 90%;
}
</style>
<script type="text/javascript">
var i = 0;
var run = true;
var richtung = "unten";
function start()
{
hight = document.getElementById('inhalt').offsetHeight;
aktivieren();
}
function bewegen()
{
if(run)
{
if(i<=hight-350 && richtung == "unten")
{
i++;
document.getElementById('inhalt').style.marginTop = ~i + "px";
setTimeout("bewegen()",10);
}
else
{
richtung = "oben";
}
if(i >= 0 && richtung == "oben")
{
i--;
document.getElementById('inhalt').style.marginTop = ~i + "px";
setTimeout("bewegen()",10);
}
else
{
richtung = "unten";
bewegen();
}
}
}
function aktivieren()
{
run = true;
bewegen();
}
</script>
</head>
<body onload="start();">
<div id="wrapper">
<a href="#" >Oben</a>
<div id="fenster">
<div id="inhalt" onmouseout="aktivieren()" onmouseover="run=false;">
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Hallo das ist ein Text und der soll spannend sein und ich hoffe er ist es auch und so weiter auf jeden Fall
<hr/>
Und jetzt schreibe ich wieder bullshit rein und hoffe er gefällt sehr den was anderes habe ich auch nie zu schreiben und das was
gut so ich weiß nicht vielleicht auch nicht aber mal schauen blablablbla
</div>
</div>
<a href="#" >Unten</a>
</div>
</body>
</html>
Es soll ein News Slider werden der sich die ganze zeit nach oben und unten langsam bewegt.