begin process at 2012 05 28 12:34:47
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > LES BARRES DE DÉFILEMENT CHANGENT DE COULEUR AU PASSAGE DE LA SOURIS

LES BARRES DE DÉFILEMENT CHANGENT DE COULEUR AU PASSAGE DE LA SOURIS


 Information sur la source

Note :
4 / 10 - par 3 personnes
4,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Classé sous :barre, défilement, couleur, souris Niveau :Débutant Date de création :14/04/2002 Date de mise à jour :14/04/2002 23:01:21 Vu :10 440

Auteur : thekingoftheweb

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

 Description

Hé oui,
Il fait bien le trouver ....
Ce script permet de faire changer de couleur les barres de défilement au passege de la souris.

Biensur tu peux changer les couleurs :)

Source

  • Dans <BODY> :
  • <SCRIPT LANGUAGE=javascript>
  • couleurligne = "#000000";
  • couleurbase = "#006699";
  • couleurover = "#B4D3FA";
  • function scrollBar(face)
  • {
  • with(document.body.style)
  • {
  • scrollbarDarkShadowColor=couleurligne;
  • scrollbar3dLightColor=couleurligne;
  • scrollbarArrowColor=couleurligne;
  • scrollbarBaseColor=face;
  • scrollbarFaceColor=face;
  • scrollbarHighlightColor=face;
  • scrollbarShadowColor=face;
  • scrollbarTrackColor="#F3F3F3";
  • }
  • }
  • function colorBar(){
  • var w = document.body.clientWidth;
  • var h = document.body.clientHeight;
  • var x = event.clientX;
  • var y = event.clientY;
  • if(x>w) scrollBar(couleurover);
  • else scrollBar(couleurbase);
  • }
  • if (document.all){
  • scrollBar(couleurbase);
  • document.onmousemove=colorBar;
  • }
  • </script>
Dans <BODY> :

<SCRIPT LANGUAGE=javascript>

couleurligne = "#000000";
couleurbase = "#006699";
couleurover = "#B4D3FA";
function scrollBar(face)
{
with(document.body.style)
{
scrollbarDarkShadowColor=couleurligne;
scrollbar3dLightColor=couleurligne;
scrollbarArrowColor=couleurligne;
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#F3F3F3";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar(couleurover);
else scrollBar(couleurbase);
}
if (document.all){
scrollBar(couleurbase);
document.onmousemove=colorBar;
}
</script> 

 Conclusion

King 2002
www.jeuxenligne.fr.st


 Sources du même auteur

BLOQUER LE CLICK DROIT + TOUCHE ÉQUIVALENTE DU CLAVIER :)

 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

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture SCROLLBAR CLASS par heycraft
COULEUR DE FOND SELON POSITION SOURIS par mailliam
Source avec Zip CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE... par abdelaziz_info
Source avec Zip VITESSE AUTOMATIQUE ET VARIABLE DÉFILEMENT SANS BARRE ... par abdelaziz_info
Source avec Zip Source avec une capture (OBJET) SCROLLBAR par PhiL666

Commentaires et avis

Commentaire de CrazyLink62 le 16/04/2002 21:18:59

Thank you pour ce code :) t'es très sympa thekingoftheweb :)

@++

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Pb affichage barre de défilement [ par Jossdoit ] Bonjoiur, Je travaille actuellement sur Dreamweaver pour faire une page web. Je voudrais changer l'aspect de ma barre de défilement. Pour cela g utili Pb d'affichage de la barre de défilement [ par Jossdoit ] Bonjour, Je travaille actuellement sur Dreamweaver pour faire une page web. Je voudrais changer l'aspect de ma barre de défilement. Pour cela g utilis problème de couleur de scroll barre [ par fogof ] J'ai param&#233;tr&#233; la couleur de mes scroll barre en css dans le body { , mais ces&nbsp;param&#232;tres ne sont pas prient en compte dans ma fra Barre de sélection de couleur exadecimales [ par sbeex ] Bonjour, je ne suis pas sur de poster dans la bonne section javascript donc j'en suis désolé pour les modérateurs.Mon problème est le suivant, j'aimer barre de navigation vertical avec survol souris [ par blogan1 ] bonjour,je suis en court de création d'un site ayant 70 pages, je cherche une barre de navigation avec survol de souris, pour alléger l'ensemble.Comme scroll sur une page web [ par Bestdoud ] BonjourJe n'y connait rien en javascript. et j'aurais besoin de 2 ou 3 trucs,J'aimerai que si la barre de défilement verticale est en bas, qu'elle le Insertion d'un cadre avec barre de défilement [ par vanvan38 ] Bonjour alors voil&#224; j'aimerai ins&#233;rer &#224; l'int&#233;rieur de mon site un cadre dans lequel je vais &#233;crire beaucoup de texte mais je detection couleur [ par dockblue ] bonjour voila mon probleme dans une page web j'insere des graphiques ( des courbes mathematiques) au format jpg, est il possible en passant la souris Affichage barre de defilement [ par Jossdoit ] Bonjour, Je travaille actuellement sur Dreamweaver pour faire une page web. Je voudrais changer l'aspect de ma barre de défilement. Pour cela g utilis changer de couleur la cellule quand la souris vient et part [ par Stephane ] salut a tousvoila je connais pas trop javascript, alors je me sert des sources qu'il y a, mais y a un truc qu'il n'y est pas :Comment peut on changer


Nos sponsors


Sondage...

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 : 2,200 sec (3)

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