Loading:


Pulsująca warstwa (płynne ściemnianie i rozjaśnianie)

Skrypt wyświetla warstwę która płynnie rozjaśnia się i ściemnia. Efekt ten można wykorzystać do stworzenia np. ciekawego przycisku.



Napisz Artyku³

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 = 1;
var i = 0;
var j = 1;
function change()
{
  cc = (i < 16)? '0' + i.toString(16):i.toString(16);
  color = '#' + cc + cc + cc;
  document.getElementById('layer1').style.backgroundColor = color;
  i = i + j;
  if (i < 0){
    i = 0;
    j = -j;
  }
  else if(i > 255){
    i = 255;
    j = -j;
  }
  setTimeout("change()", speed);
}
// Koniec kodu JavaScript -->
</SCRIPT>
</HEAD>
<BODY onLoad="change();">
<DIV ID="layer1"
     STYLE="width:100;height:100;left:100;
            top:100;position:absolute;"

>
</DIV>
</BODY>
</HTML>
 




Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2024 v.1.5 | design: diviXdesign & rainbowcolors