• Iceblue-Design/Codes
  • Homepage von A-Z
  • Javascripts
  • CSS
  • HTML
  • Information/Contact

    •    
      tutorials
      Newsticker
     
    Neue Seite 1

    Newsticker

    <BODY onLoad="StartTicker()">

    <SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
    <!--
    function StartTicker()
    {
    document.NewsTicker.Zeile.value = "Bitte nutzen Sie einen aktuelleren Browser."
    }

    var tickernews =
    [
    {meldung:"Plugin-Test:für Probleme mit dem neuen Baukasten-Design", starteffekt:1, endeeffekt:1},
    {meldung:"Marquee-Lauftexte unter HTML", starteffekt:1, endeeffekt:2},
    {meldung:"Javascripte", starteffekt:2, endeeffekt:1},
    {meldung:"Bilder,Banner und Texte verlinken.", starteffekt:2, endeeffekt:2}
    ]

    // Tickerparameter
    var ticker_start = 500 // Wartezeit bis zur ersten Meldung

    var ticker_effekt1_start_a = 75 // Darstellungsgeschwindigkeit [ms]
    var ticker_effekt1_start_b = 2500 // Darstellungszeit der Meldung [ms]

    var ticker_effekt2_start_max_blink = 3 // Anzahl der Blinkdarstellungen
    var ticker_effekt2_start_a = 100 // Blinkgeschwindigkeit [ms]
    var ticker_effekt2_start_b = 2500 // Darstellungszeit der Meldung [ms]

    var ticker_effekt1_ende_a = 50 // Scrollgeschwindigkeit [ms]
    var ticker_effekt1_ende_b = 100 // Wartezeit bis zur naechsten Meldung [ms]

    var ticker_effekt2_ende_max_blink = 3 // Anzahl der Blinkdarstellungen
    var ticker_effekt2_ende_a = 100 // Blinkgeschwindigkeit [ms]
    var ticker_effekt2_ende_b = 1000 // Wartezeit bis zur naechsten Meldung [ms]

    // Interne Variablen
    var msgnr = 0

    // Aufruf der naechsten Meldung
    function nextTicker()
    {
    msgnr++
    if(msgnr >= tickernews.length)
    msgnr = 0
    setTimeout("showTicker(0)", 1000)
    }

    // Effekte fuer Meldungsende
    function hideTicker(cnt)
    {
    switch(tickernews[msgnr].endeeffekt)
    {
    // Effekt 2
    case 2:
    document.NewsTicker.Zeile.value = ((cnt % 2) == 1) ? tickernews[msgnr].meldung : ""
    if(cnt > (2 * ticker_effekt2_ende_max_blink + 1))
    setTimeout("nextTicker(0)", ticker_effekt2_ende_b)
    else
    setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt2_ende_a)
    break

    // Effekt 1
    default:
    document.NewsTicker.Zeile.value = 
    tickernews[msgnr].meldung.substring(cnt, tickernews[msgnr].meldung.length)
    if(cnt >= tickernews[msgnr].meldung.length)
    setTimeout("nextTicker()", ticker_effekt1_ende_b)
    else
    setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt1_ende_a)
    }
    }

    // Effekte fuer Meldungsanfang
    function showTicker(cnt)
    {
    switch(tickernews[msgnr].starteffekt)
    {
    // Effekt 2
    case 2:
    document.NewsTicker.Zeile.value = ((cnt % 2) == 1) ? "" : tickernews[msgnr].meldung
    if(cnt > (2 * ticker_effekt2_start_max_blink + 1))
    setTimeout("hideTicker(0)", ticker_effekt2_start_b)
    else
    setTimeout("showTicker(" + String(cnt + 1) + ")", ticker_effekt2_start_a)
    break

    // Effekt 1
    default:
    document.NewsTicker.Zeile.value = tickernews[msgnr].meldung.substring(0, cnt)
    if(cnt >= tickernews[msgnr].meldung.length)
    setTimeout("hideTicker(0)", ticker_effekt1_start_b)
    else
    setTimeout("showTicker(" + String(cnt + 1) + ")", ticker_effekt1_start_a)
    }
    }
    // Start des Tickers
    function StartTicker()
    {
    // Standardmeldung
    document.NewsTicker.Zeile.value = "Ticker wird geladen..."

    // Ticker starten
    setTimeout("showTicker(0)", ticker_start)
    }
    //-->
    </SCRIPT>
    <FORM NAME="NewsTicker"><center>
    <INPUT TYPE="TEXT" READONLY STYLE="border: none; background-color: transparent; 
    color: #FF6666; font-weight:bold; font-size: 18px; font-family: monospace;" NAME="Zeile" SIZE=60 MAXLENGTH=80">
    </FORM>
    		 
     
    Aktualisieren # Diese Seite Drucken ein Bild Zurück Vor ein Bild ein Bild ein Bild nur IE

    Impressum | Rechtliche Hinweise | News

    © success4you , Tutorials-Area 2007

    		  
    		 
    http://www.bambusratte.com/taf.php?%20bgcolor=c5c5c5&txtcolor=000000&anrede=s&site=http:tutorials-%20area.de.tl&bgpic=http:img.webme.com/pic/t/tutorials-area/tutback2.gif&nametaf=Tell-A-Friend
    Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
    Gratis anmelden