kostenloser Webspace werbefrei: lima-city


text einfliegen lassen...

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    g**o

    hey @ all...
    wie kann ich einen Text zeitverz?get an eine bestimmte stelle im dokument von links einfliegen lassen??

    gru?
    GERO
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Meinst du im Web (also HTML)?
    Ich kann mir nicht vorstellen, dass das geht...
    Das einzige was geht ist mit dem Befehl <marquee> (so wie oben die Leiste mit den neuesten Posts) aber ich denke mal das mit dem Reinfliegen bekommste nur mit einer gif-Animation oder einer Flash auf der Page....
  4. Autor dieses Themas

    g**o

    nein, ich meine mit java script...

    gru?
    gero

  5. 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!
  6. Schau mal da: http://www.hotscripts.com/

    Evtl. findest ja dort was! :slant:
  7. 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
  8. Autor dieses Themas

    g**o

    ok.. danke, werds mal ausprobieren...

    gru?
    gero:biggrin:

    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
  9. 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 !
  10. Autor dieses Themas

    g**o

    super...
    klappt
    danke

    gru?
    gero:biggrin:
  11. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!