[JavaScript] Scrollergeschwindigkeit ändern

Dieses Thema im Forum "Webentwicklung" wurde erstellt von wyldstyle, 23. Oktober 2009 .

Schlagworte:
  1. 23. Oktober 2009
    Scrollergeschwindigkeit ändern

    Guten Morgen, ich suche Hilfe zum verändern der Anzeigegeschwindigkeit in einer Scrollerliste in der nur Text angezeigt wird.

    Eine Freundin hat mich gebeten ihr dabei zu helfen da sie meint ich würde html können..da es sich hierbei allerdings um Javascript handelt muss ich einfach passen.

    http://greece.siteboard.eu/portal.php

    Es geht um die Leiste unter dem 'Willkommen'.

    Sofern ich das beurteilen kann indem ich mir den Quelltext angeschaut habe, geht es um diese Stück Code:

    Code:
    <script language="JavaScript">var scrtxt = "Hier steht der Scrollertext "; var laengetxt = scrtxt.length;var breite = 200;
    var pos = -(breite + 2);function scroll() { pos++; var scroller = "";
    if (pos == laengetxt) { pos = -(breite + 2); } if (pos < 0) {
    for (var i = 1; i <= Math.abs(pos); i++) { scroller = scroller + " ";}
    scroller = scroller + scrtxt.substring(0, breite - i + 1); } else {
    scroller = scroller + scrtxt.substring(pos, breite + pos); }
    document.scroller.text.value = scroller; setTimeout("scroll()", 100);}
     </script>
    
    Wo wird hier bitte der Scrollspeed geregelt und was genau macht diese ominöse funktion scroll() ?

    Wäre schön wenn mir jemand nen Hinweis geben könnte!
     
  2. 23. Oktober 2009
    AW: Scrollergeschwindigkeit ändern

    diese methode ruft in einen intervall ein function auf:

    setTimeout("scroll()", 100);

    function(), zeit in millisekunden

    100 = 0,1 sek
    1000 = 1 sek

    d.h. je höher der wert um so langsamer.
     
  3. 23. Oktober 2009
    AW: Scrollergeschwindigkeit ändern

    Ok super, das läuft!

    Eine Idee wie ich jetzt noch Schrifttyp, Schriftgröße & Schriftfarbe anpassen kann? Hab mal im Quellcode rumgesucht aber wirklich fündig bin ich nicht geworden, ich verstümmel mehr als das ich meinem Ziel ein Stück näher komme.
     
  4. 23. Oktober 2009
    AW: Scrollergeschwindigkeit ändern

    HTML:
    <form name="scroller"><input name="text" size="100" type="text"> </form>
    hier das input-element mit css anpassen
     
  5. 23. Oktober 2009
    AW: Scrollergeschwindigkeit ändern

    d.h. also sowas in der Art:

    Code:
    <style type="text/css">
    font-size:2em;
     <form name="scroller"><input readonly="readonly" name="text" size="100"> </form>
    </style>
    ?
     
  6. 23. Oktober 2009
    AW: Scrollergeschwindigkeit ändern

    oha, ich dachte html kannst du? ^^

    HTML:
    <form name="scroller"><input name="text" size="100" type="text" style="font-size:2em;"> </form>
     
  7. 23. Oktober 2009
    AW: Scrollergeschwindigkeit ändern

    Nein leider nicht wirklich, die grundlegende Syntax hab ich einigermaßen drauf aber mehr auch nicht. Sobald es dann irgendwie mit css/php/javascript angereichert wird hörts komplett auf. Ist ne echt Bildungslücke geb ich gerne zu ;-).
     
  8. 23. Oktober 2009
    AW: Scrollergeschwindigkeit ändern

    pixel geht auch, arbeite aber auch immer mit em
    HTML:
    <form name="scroller"><input name="text" size="100" type="text" style="font-size:10px;"> </form>
    
    hier noch was zu lernen
    CSS 4 You - The Finest in Stylesheets
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.