begin process at 2012 05 28 14:48:32
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > SCROLL BAR EN COULEUR (ENCORE ET TOUJOURS ...)

SCROLL BAR EN COULEUR (ENCORE ET TOUJOURS ...)


 Information sur la source

Note :
5,25 / 10 - par 4 personnes
5,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :07/03/2004 Vu :11 239

Auteur : leris

Ecrire un message privé
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 Description

devant le vif succés des scrolls qui changent de couleur en "scrollant" , voici une variante , les scrolls clignotants ...

Source

  • <html>
  • <head>
  • <title>Scrolls Clignotants</title>
  • <script>
  • <!-- Begin
  • // vitesse du clignotement en ms
  • var rate = 800;
  • // true = depart automatique sinon : false
  • var DoIt = true
  • // Les 3 couleurs
  • var Color1 = "#9696FF"
  • var Color2 = "#B4B4FF"
  • var Color3 = "#D2D2FF"
  • // la couleur si on fait : off
  • var ColorX = "#9696FF"
  • var i = 0;
  • function vazivaza(){
  • if (document.all){
  • if (DoIt){
  • i++;
  • if (i==1) C = Color1
  • if (i==2) C = Color2
  • if (i==3) C = Color3
  • if (i==4) C = Color2
  • document.body.style.scrollbarBaseColor = C
  • if (i>3) i=0;
  • timer=setTimeout('vazivaza()', rate)
  • }else{
  • document.body.style.scrollbarBaseColor = ColorX
  • }
  • }
  • }
  • //-->
  • </script>
  • </head>
  • <body onload="vazivaza()">
  • <br><br>
  • <a href="#" onClick="DoIt=false">Off</a>&nbsp;|&nbsp;<a href="#" onClick="DoIt=true;vazivaza()">On</a>
  • <br><br><br>
  • <br><br><br>
  • <br><br><br>
  • <br><br><br>
  • <br><br><br>
  • <br><br><br>
  • <br><br><br>
  • </body>
  • </html>
<html>
<head>
<title>Scrolls Clignotants</title>
<script>
<!-- Begin
// vitesse du clignotement en ms
var rate = 800;

// true = depart automatique sinon : false
var DoIt = true

// Les 3 couleurs
var Color1 = "#9696FF"
var Color2 = "#B4B4FF"
var Color3 = "#D2D2FF"

// la couleur si on fait : off
var ColorX = "#9696FF"

var i = 0;
function vazivaza(){
   if (document.all){
      if (DoIt){
         i++;
         if (i==1) C = Color1
         if (i==2) C = Color2
         if (i==3) C = Color3
         if (i==4) C = Color2
         document.body.style.scrollbarBaseColor = C
         if (i>3) i=0;
         timer=setTimeout('vazivaza()', rate)
      }else{
         document.body.style.scrollbarBaseColor = ColorX  
      }
   }   
}
//-->
</script>
</head>
<body onload="vazivaza()">
<br><br>
<a href="#" onClick="DoIt=false">Off</a>&nbsp;|&nbsp;<a href="#" onClick="DoIt=true;vazivaza()">On</a>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
</body>
</html>

 Conclusion

dicton du jour : il n'y rien de plus inutille que des scroll colorés. Ca fonctionne uniquement sur IE sous Windows et allourdi le code ! (bon d'accord, IE sous Windows ça ne represente qu'environ 95% des internautes , et pour aloudir le code ... il fait au moins 800 octets celui là ... c'est dire! )


 Sources du même auteur

Source avec Zip EXPAND BANNER EN JAVASCRIPT
Source avec Zip LA CELEBRE FENETRE BEOS DE ED PROD (MISE À JOUR)
BOUGE DE LA ! DEPLACEMENT D'UN CALQUE.
MENU DEROULANT MULTIDIRECTION.
SCROLL BAR EN COULEUR (ENCORE ET ENCORE ...)

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

Commentaires et avis

Commentaire de iubito le 08/03/2004 13:21:52

mdr si tu click plusieurs fois sur ON ça devient vite le boxon :-D

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 4,228 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales