perlunity.de | Javascript : Texteffekte - Wellen scroll Text | Die Community für Perl PHP CGI Apache MySQL und Javascript

perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE


	#!/COMMUNITY Members: 5374 davon online: 1 weitere User: 26

12.02.2012 / 09:35

Community-Member werden | Paßwort vergessen | OnlineMonitor (1)

Wer ist online ... OnlineMonitor starten !

Javascript » Texteffekte » Wellen scroll Text
zur Übersicht

Kategorie Texteffekte

Bezeichnung Wellen scroll Text

ScriptDemo Neues Fenster für Demo öffnen

Statistik 21626 Aufrufe davon 6x gestern

Keine Beschreibung vorhanden.

Javascript-Quellcode (einfach markieren, kopieren und lokal abspeichern)

<style type="text/css"> .scroll {font-weight:bold;color:dodgerblue;font-size:40px; text-align: center; font-family: Verdana, Courier, Courier New;} </style <body bgcolor="white"> <script language="JavaScript1.2"> var initialx, initialy, scrolltext; var frame = 0, frame2 = 0.5; var amplitude1 = 50, amplitude2 = 30; //Amplitude beim Scrollen im negativen und positiven Bereich var offset = 0.2, speed = 0.2, speed2 = 0.35; //1 Augangsgröße und Geschwindigkeit zwischen den Ausgangsgrößen var offset2 = 0.6; //2 Ausgangsgröße var scrollspeed = 6; //Scrollgeschwindigkeit var charwidth = 40; //Abstand zwischen den Buchstaben var twopi = Math.PI * 2; var chracters, position, numvisible, nextchar, firstchar; var skipsteps = 1; var delaytimer = 1; //Zeit bis zum ersten einlaufen var interval; function sinescroll (x, y, value, number_of_chars) { scrolltext = new String(value); initialx = x; initialy = y; numvisible = number_of_chars; nextchar = numvisible; firstchar = 0; characters = new Array(numvisible); position = initialx; for (var i = 0; i < numvisible; i++) { document.write('<DIV ID="character" STYLE="position:absolute;top:', initialy, ';left:-10000', //(initialx + i * charwidth), ';width=', charwidth, ';height=30;" ><p class=scroll>', scrolltext.charAt(i), '</p></DIV>'); } } function step () { frame += speed; frame2 += speed2; if (delaytimer > 0) { delaytimer--; } else { position -= scrollspeed; } if (position < (initialx - charwidth)) { while (scrolltext.charAt(nextchar) == '|') { delaytimer += 90; nextchar++; } characters[firstchar].innerHTML = '<p class=scroll>' + scrolltext.charAt(nextchar) + '</p>'; nextchar++; if (nextchar >= scrolltext.length) { nextchar = 0; } position += charwidth; frame += offset; frame2 += offset2; firstchar++; if (firstchar >= numvisible) { firstchar = 0; } } if (frame > twopi) frame -= twopi; if (frame2 > twopi) frame2 -= twopi; var angle = frame; var angle2 = frame2; var pos = position; for (var i=firstchar; i < numvisible; i++) { characters[i].style.left = pos; characters[i].style.top = initialy + amplitude1 * Math.sin(angle) + amplitude2 * Math.sin(angle2); angle += offset; angle2 += offset2; pos += charwidth; } for (var i=0; i < firstchar; i++) { characters[i].style.left = pos; characters[i].style.top = initialy + amplitude1 * Math.sin(angle) + amplitude2 * Math.sin(angle2); angle += offset; angle2 += offset2; pos += charwidth; } } function start () { if (!document.all) return characters = document.all.item('character'); interval = window.setInterval("step();", 20); //Intervalsequez } function stop () { if (!document.all) return if (interval) clearInterval(interval); } window.onload=start window.onunload=stop if (document.all) sinescroll(30, 100, " Hallo und Willkommen auf js-unity.de ", 15); //--> </script>

Kommentare zu Wellen scroll Text

1 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 06.04.2004 um 15:26 Uhr von horst
Bei mir funzt das Ding nicht. Weder in Mozilla noch in Safari tut die Demo ......

Alle Kommentare anzeigen - Kommentar hinzufügen

Link: /javascript/scripts/javascript_0062_main.shtml .::. Aufrufe heute: 2 .::. Aufrufe gesamt: 16838