text einfliegen lassen...
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
animation
aussehen
befehl
bestimmte stelle
denke mal
dokument
extra
flash
leiste
meinst
neuesten posts
page
schauen
sekunde
span
-
hey @ all...
wie kann ich einen Text zeitverz?get an eine bestimmte stelle im dokument von links einfliegen lassen??
gru?
GERO -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
nein, ich meine mit java script...
gru?
gero
Achso! Hmm mit JavaScript kenn ich mich gar nicht aus....
Aber ich w?rde einfach mal gooooooooglen, vielleicht findest du ein Tut dazu oder so! Viel Gl?ck! -
klar ist das mit JavaScript m?glich.
Du erstellst einfach einen <span style="position:absolute;left:0pt;top:0pt;" id="meinText">Dein Text</span>
und modifizierst alle 1/3 Sekunden die Positionseigenschaften des spans
function schieben()
{
document.getElementById('meinText').style.top=document.getElementById('meinText').style.top+3
document.getElementById('meinText').style.left=document.getElementById('meinText').style.left+3
setTimeout("schieben()",333);
}
So k?nnte das etwa aussehen (habe den code net ausprobiert !)
Zum Lesen:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
http://de.selfhtml.org/javascript/objekte/style.htm -
ok.. danke, werds mal ausprobieren...
gru?
gero
EDIT:
habs mal so ausprobiert...
<html>
<head>
<title>schiebe text</title>
<script language="JavaScript">
<!--
function schieben()
{
document.getElementById('meinText').style.top=document.getElementById('meinText').style.top+3
document.getElementById('meinText').style.left=document.getElementById('meinText').style.left+3
setTimeout("schieben()",333);
}
//-->
</script>
</head>
<body onload="schieben();">
<span style="position:absolute;left:0pt;top:0pt;" id="meinText">Dein Text</span>
</body>
</html>
klappt aber net..
gru?
GERO -
so, extra nochmal f?r dich :
<html>
<head>
<meta name="generator" content="HTML Studio">
<title> </title>
<script language="JavaScript">
//config
ft=10//Geschwindikeit Faktor Oben
fl=7//Geschwindikeit Faktor links
s=100//Aktualisierung millisekunden
et=170//Endposition oben
el=220//Endposition links
//config ende
function schieb()
{
c=0;
nt=document.getElementById("flieger").style.top;
nt=parseInt(nt.slice(0,nt.length-2))+ft;
if(nt>et){nt=et;c++;}
document.getElementById("flieger").style.top=nt+"pt";
nl=document.getElementById("flieger").style.left;
nl=parseInt(nl.slice(0,nl.length-2))+fl;
if(nl>el){nl=el;c++;}
document.getElementById("flieger").style.left =nl+"pt";
window.status="["+nt+"]["+nl+"]";
if(c<2)setTimeout("schieb()",s);
}
</script>
</head>
<body onLoad="schieb()">
<span style="position:absolute;left:0pt;top:0pt;" id="flieger">Ein fliegender Text !</span>
</body>
</html>
Im Config bereich kannst du dann gerne noch ein wenig rumspielen ! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage