![BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]](https://static01.helion.com.pl/helion/img/promocje/xzay/box_1180x419_1x_druk__Black_week_2_zestawy_2024_Rpolony_a0d7b42e2-z1.png)
Tekst odbijający się od lewej i prawej strony pola tekstowego
Skrypt tworzy animacje tekstu odbijającego się od prawej i lewej krawędzi pola tekstowego.
Listing
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
var speed = 80;
var text = "To jest przykładowy tekst...";
var paddingLength;
var count = 0;
var switchIt = true;
var wyswietlacz;
function setText()
{
wyswietlacz = document.getElementById("wyswietlacz");
paddingLength = parseInt(wyswietlacz.size - text.length - 1);
var padding = "";
for(i = 0; i < paddingLength; i++){
padding = ' ' + padding;
}
wyswietlacz.value = padding + text;
}
function scroll()
{
var value = wyswietlacz.value;
if (switchIt){
value = value.substr(1, value.length);
if (value.length == text.length){
switchIt = false;
}
}
else{
value = ' ' + value;
if (++count > paddingLength){
count = 0;
switchIt = true;
}
}
wyswietlacz.value = value;
setTimeout("scroll()", speed);
}
// Koniec kodu JavaScript -->
</SCRIPT>
</HEAD>
<BODY onLoad="setText();scroll();">
<INPUT TYPE="text"
ID="wyswietlacz"
STYLE="font-family:courier"
SIZE="60"
VALUE =""
>
</BODY>
</HTML>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
