begin process at 2012 05 28 12:35:00
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > BARRES DÉROULANTES

BARRES DÉROULANTES


 Information sur la source

Note :
Aucune note
Catégorie :Menu & Co Niveau :Initié Date de création :23/12/2002 Date de mise à jour :23/12/2002 12:38:38 Vu / téléchargé :9 183 / 455
Auteur : iwaweb

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

 Description

Des barres situées sur le coté qui se déroulent lorsque l'on passe la souris dessus.

Source

  • <html>
  • <head>
  • <title>Iwaweb - Barres déroulantes</title>
  • <script language="javascript">
  • window.status="Cliquez sur le document pour faire rentrer les barres";
  • xr=["voirscript","telecharger","documentation"];
  • occupe=0;
  • xt=0;
  • function effacer()
  • {
  • for(i=0;i<3;i++)
  • {
  • eval("document.all."+xr[i]+".style.pixelLeft=-108");
  • }
  • }
  • function derouler(xs)
  • {
  • occupe=1;
  • xt=xs;
  • for(i=0;i<3;i++)
  • {
  • if(i!=xs)
  • {
  • eval("document.all."+xr[i]+".style.pixelLeft=-108");
  • }
  • }
  • function action()
  • {
  • eval("document.all."+xr[xs]+".style.pixelLeft=document.all."+xr[xs]+".style.pixelLeft+2");
  • }
  • if(eval("document.all."+xr[xs]+".style.pixelLeft")<0){action();}
  • if(eval("document.all."+xr[xs]+".style.pixelLeft")<0)
  • {
  • appel=setTimeout("derouler("+xs+")",12);
  • }
  • else{occupe=0}
  • }
  • function attente(xs)
  • {
  • if(!occupe){derouler(xs);}
  • else{if(xs!=xt){clearTimeout(appel);occupe=0;}}
  • }
  • </script>
  • </head>
  • <body onclick="effacer()">
  • <div id="voirscript" style="position:absolute;height:22px;width:130px;left:-108px;top:200px" onmouseover="attente(0)">
  • <a href="barres.htm"><img src="images/voir script_interface.jpg" height="22" width="130" border="0"></a>
  • </div>
  • <div id="telecharger" style="position:absolute;height:22px;width:130px;left:-108px;top:232px" onmouseover="attente(1)">
  • <a href="download/barres.zip"><img src="images/telecharger_interface.jpg" height="22" width="130" border="0"></a>
  • </div>
  • <div id="documentation" style="position:absolute;height:22px;width:130px;left:-108px;top:264px" onmouseover="attente(2)">
  • <a href="javascript:alert('Pas de documentation pour ce script !')"><img src="images/documentation_interface.jpg" height="22" width="130" border="0"></a>
  • </div>
  • </body>
  • </html> 
<html>
<head>
<title>Iwaweb - Barres déroulantes</title>
<script language="javascript">
window.status="Cliquez sur le document pour faire rentrer les barres";
xr=["voirscript","telecharger","documentation"];
occupe=0;
xt=0;
function effacer()
{
	for(i=0;i<3;i++)
	{
		eval("document.all."+xr[i]+".style.pixelLeft=-108");
	}	
}
function derouler(xs)
{
	occupe=1;
	xt=xs;
	for(i=0;i<3;i++)
	{
		if(i!=xs)
		{
			eval("document.all."+xr[i]+".style.pixelLeft=-108");
		}		
	}
	function action()
	{
		eval("document.all."+xr[xs]+".style.pixelLeft=document.all."+xr[xs]+".style.pixelLeft+2");
	}
	if(eval("document.all."+xr[xs]+".style.pixelLeft")<0){action();}
	if(eval("document.all."+xr[xs]+".style.pixelLeft")<0)
	{
		appel=setTimeout("derouler("+xs+")",12);		
	}
	else{occupe=0}
}
function attente(xs)
{
	if(!occupe){derouler(xs);}
	else{if(xs!=xt){clearTimeout(appel);occupe=0;}}
}
</script>
</head>
<body onclick="effacer()">
<div id="voirscript" style="position:absolute;height:22px;width:130px;left:-108px;top:200px" onmouseover="attente(0)">
<a href="barres.htm"><img src="images/voir script_interface.jpg" height="22" width="130" border="0"></a>
</div>
<div id="telecharger" style="position:absolute;height:22px;width:130px;left:-108px;top:232px" onmouseover="attente(1)">
<a href="download/barres.zip"><img src="images/telecharger_interface.jpg" height="22" width="130" border="0"></a>
</div>
<div id="documentation" style="position:absolute;height:22px;width:130px;left:-108px;top:264px" onmouseover="attente(2)">
<a href="javascript:alert('Pas de documentation pour ce script !')"><img src="images/documentation_interface.jpg" height="22" width="130" border="0"></a>
</div>
</body>
</html>

 Conclusion


Retrouvez toutes les MAJ de ce script sur http://www.iwaweb.net/

@+

 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


 Sources du même auteur

Source avec Zip DUREE - CALCULE LA DUREE PRÉCISE QUI S'EST ÉCOULÉE ENTRE 2 D...
Source avec Zip RACINE CARRÉE
Source avec Zip CALCULATRICE V1.0
Source avec Zip Source avec une capture MORPION
Source avec Zip IDL V1.2 - LA LIBRAIRIE DHTML POUR IE, NETSCAPE, MOZILLA, OP...
Toutes les sources de iwaweb

 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

Aucun commentaire pour le moment.

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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 : 1,576 sec (3)

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)