Achtergrondkleur Fade

Auteur: Button-Man - 26 augustus 2004 - 14:04 - Gekeurd door: Dennisvb - Hits: 7789 - Aantal punten: 3.50 (6 stemmen)

Met dit script kan je je achtergrond laten infaden.
Dit wil zeggen dat de achtergrondkleur van je pagina langzaam veranderd in de definitieve kleur.

De kleuren kan je makkelijk aanpassen. Opvolgende kleurschakkeringen geven het mooiste effect. Je kan natuurlijk ook allemaal verschillende kleuren gebruiken, maar dan wordt het misschien te druk.

Ook de snelheid van het infaden kan je aanpassen.

(Dit script is oorspronkelijk geschreven door Button-Man, gewijzigd door Hans)

Code:

Zet dit in je HEAD:

php code - Bekijk de code zonder highlighting - Klap code in

<script language="JavaScript"> 
<!-- Script afkomstig van Sitemasters.be
  var reeks = new Array();
    //pas hieronder de kleuren aan 
	//als je opvolgende kleurschakkeringen gebruikt, heb je een veel mooier effect
    reeks[0]="ffcc00";
    reeks[1]="ff9966";
    reeks[2]="ff9900";
    reeks[3]="ff6666"; 
    reeks[4]="ff6633"; 
    reeks[5]="ff3333"; 
    reeks[6]="ff3300"; 
    reeks[7]="ff0366"; 
    reeks[8]="ff0333"; 
    reeks[9]="ff0300"; 
    reeks[10]="ee0300"; 
    reeks[11]="dd0300"; 
    reeks[12]="cc0300"; 
    reeks[13]="bb0300"; 
    reeks[14]="aa0300"; 
    reeks[15]="990300"; 
    reeks[16]="880300"; 
    reeks[17]="770300";

  function achtergrondWijzigen(kleurwaarde){ 
    //Pas hier de snelheid aan
    var snelheid = 10000;

    for (var i = 0; i < 17; i++){ 
      for (var j = 0; j < snelheid; j++) 
        kleurwaarde = reeks[i] 
        document.bgColor = kleurwaarde; 
      } 
    } 
// einde script -->
</script>

<script language="JavaScript"> 
<!-- Script afkomstig van Sitemasters.be
  var reeks = new Array();
    //pas hieronder de kleuren aan 
	//als je opvolgende kleurschakkeringen gebruikt, heb je een veel mooier effect
    reeks[0]="ffcc00";
    reeks[1]="ff9966";
    reeks[2]="ff9900";
    reeks[3]="ff6666"; 
    reeks[4]="ff6633"; 
    reeks[5]="ff3333"; 
    reeks[6]="ff3300"; 
    reeks[7]="ff0366"; 
    reeks[8]="ff0333"; 
    reeks[9]="ff0300"; 
    reeks[10]="ee0300"; 
    reeks[11]="dd0300"; 
    reeks[12]="cc0300"; 
    reeks[13]="bb0300"; 
    reeks[14]="aa0300"; 
    reeks[15]="990300"; 
    reeks[16]="880300"; 
    reeks[17]="770300";
 
  function achtergrondWijzigen(kleurwaarde){ 
    //Pas hier de snelheid aan
    var snelheid = 10000;
 
    for (var i = 0; i < 17; i++){ 
      for (var j = 0; j < snelheid; j++) 
        kleurwaarde = reeks[i] 
        document.bgColor = kleurwaarde; 
      } 
    } 
// einde script -->
</script>

Het script wordt aangeroepen wanneer de pagina inlaadt.

php code - Bekijk de code zonder highlighting - Klap code in

                <body onLoad="achtergrondWijzigen()">
            
<body onLoad="achtergrondWijzigen()">

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (2)