begin process at 2012 02 09 18:30:27
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > FONCTION DE SUIVI DU SCROLL

FONCTION DE SUIVI DU SCROLL


 Information sur la source

Note :
3 / 10 - par 1 personne
3,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :28/07/2005 Date de mise à jour :28/07/2005 11:03:58 Vu / téléchargé :11 460 / 752
Auteur : aze555666

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 Description

Ben c un petit code que j'ai trouvé sur internet, et pour lequel il m'a fallu de longues recherches (tres longues). il permet a n'importe qui de créer en html son menu suivant le scroll de la page, sans avoir de connaissances du javascript.
Je sais que des menu-scroll ont déjà été postés ici plutôt souvent, mais lui vous permettra de créer entierement ce que vous voulez. Seule la fonction javascript pour le scroll est donnée: le reste... viendra de votre imagination.
La partie html que vous ajouterez au code restera tout simplement constament en haut de la page, au dessus du reste. Vous pouvez créer des menus, mais aussi tout ce qui vous passera par la tête necessitant un suivi de scroll.

En clair, beaucoup de discours pour ne pas die grand chose ;-)

Source

  • Le code comprend trois parties:
  • _____________________________________________
  • A placer entre les balises <head> et </head>:
  • _____________________________________________
  • <SCRIPT language=JavaScript>
  • var timer
  • function scrolltop()
  • {
  • scrollmenu.style.pixelTop=document.body.scrollTop
  • timer=setTimeout
  • ("scrolltop()",1)
  • }
  • function stoptimer()
  • {
  • clearTimeout(timer)
  • }
  • </script>
  • ______________________________
  • A placer dans la balise <body>
  • ______________________________
  • <body onload="scrolltop()" onunload="stoptimer()">
  • _______________________________
  • A placer apres la balise <body>
  • _______________________________
  • <span id="scrollmenu" style="position:absolute">
  • code html de votre menu, ou liens...
  • </span>
Le code comprend trois parties:

_____________________________________________
A placer entre les balises <head> et </head>:
_____________________________________________

<SCRIPT language=JavaScript>

var timer
function scrolltop()

	{
scrollmenu.style.pixelTop=document.body.scrollTop
timer=setTimeout
	("scrolltop()",1)
}

function stoptimer()
{
clearTimeout(timer)
}
</script>

______________________________
A placer dans la balise <body>
______________________________

<body onload="scrolltop()" onunload="stoptimer()">

_______________________________
A placer apres la balise <body>
_______________________________

<span id="scrollmenu" style="position:absolute">
code html de votre menu, ou liens...
</span>

 Conclusion

voilà, j'espere que ce code vous sera utile.
Bien sur, à  moins d'avoir gardé un bande vide dans la page (dans ce cas, autant faire des frames...), je vous conseille de faire un tableau opaque (avec un <td background="machin.jpg>, par exemple), tout simplement pour que le texte du menu soit lisible, et pas mélangé avec celui de la page.

Un exemple d'utilisation sur http://www.tpelentillesgravitationnelles.new.fr/

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

28 juillet 2005 11:03:58 :
Pas grand chose. J'ai juste ajouté un zip pour montrer comment ça marche... et surout le prouver, et éviter les commentaires du genre "elle marche pas ta source". A priori, ce sera la derniere mise à jour, je n'ai pas l'intention de modifier cette source. (à moins qu'on me demande quelque chose de précis, et que je sais faire :-) )

 Sources de la même categorie

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
Source avec Zip Source avec une capture MENU TASKBAR WINDOWSXP HOME par micking
Toutes les sources de la catégorie Menu & Co

Commentaires et avis

Commentaire de coucou747 le 18/05/2007 00:21:32 administrateur CS

position:fixed en css...
le Css est plus propre, plus souvent accepte, bref... 3

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Green Energy Solutions With Light Bulb Morphed Into LandscapePhoto Underwater View of the Ocean With LIght Shining Through the Wave
Photo haleakalea 

Visiter la photothèque
 
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,558 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)