begin process at 2012 02 12 02:50:49
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > AVOIR UN BARRE DE MUNU SUR SON SITE !

AVOIR UN BARRE DE MUNU SUR SON SITE !


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :26/03/2005 Vu :2 818

Auteur : meganico

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

 Description

voici la source pour avoir un bar de menu sur son site

Source

  • <script language="JavaScript1.2">
  • /*
  • Script Barre de menu coulissante -
  • © Dynamic Drive (www.dynamicdrive.com)
  • Pour le code source complet, les instructions d'installation,
  • des centaines d'autres scripts DHTML et les modalités d'utilisation,
  • visitez dynamicdrive.com
  • */
  • if (document.all)
  • document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">');
  • </script>
  • <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
  • <script language="JavaScript1.2">
  • var sitems=new Array();
  • var sitemlinks=new Array();
  • //ajoutez ou retirez des éléments de cette liste
  • sitems[0]="Index";
  • sitemlinks[0]="Index.html";
  • sitems[1]="....."
  • sitemlinks[1]=".....html"
  • sitems[2]="....."
  • sitemlinks[2]=".......html2"
  • sitems[3]="...."
  • sitemlinks[3]=".....html3"
  • for (i=0;i<=sitems.length-1;i++)
  • document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>');
  • </script>
  • </layer>
  • <script language="JavaScript1.2">
  • function regenerate(){
  • window.location.reload();
  • }
  • function regenerate2(){
  • if (document.layers)
  • setTimeout("window.onresize=regenerate",400);
  • }
  • window.onload=regenerate2;
  • if (document.all){
  • document.write('</div>');
  • themenu=document.all.slidemenubar2.style;
  • rightboundary=0;
  • leftboundary=-150;
  • }
  • else{
  • themenu=document.layers.slidemenubar;
  • rightboundary=150;
  • leftboundary=10;
  • }
  • function pull(){
  • if (window.drawit)
  • clearInterval(drawit);
  • pullit=setInterval("pullengine()",50);
  • }
  • function draw(){
  • clearInterval(pullit);
  • drawit=setInterval("drawengine()",50);
  • }
  • function pullengine(){
  • if (document.all&&themenu.pixelLeft<rightboundary)
  • themenu.pixelLeft+=5;
  • else if(document.layers&&themenu.left<rightboundary)
  • themenu.left+=5;
  • else if (window.pullit)
  • clearInterval(pullit);
  • }
  • function drawengine(){
  • if (document.all&&themenu.pixelLeft>leftboundary)
  • themenu.pixelLeft-=5;
  • else if(document.layers&&themenu.left>leftboundary)
  • themenu.left-=5;
  • else if (window.drawit)
  • clearInterval(drawit);
  • }
  • </script>
  • <style>
  • <!--
  • #slidemenubar, #slidemenubar2{
  • position:absolute;
  • left:-155px;
  • width:160px;
  • top:170px;
  • border:1.5px solid green;
  • background-color:lightyellow;
  • layer-background-color:lightyellow;
  • font:bold 12px Verdana;
  • line-height:20px;
  • }
  • -->
  • </style>
<script language="JavaScript1.2">

/*
Script Barre de menu coulissante -
© Dynamic Drive (www.dynamicdrive.com)
Pour le code source complet, les instructions d'installation,
des centaines d'autres scripts DHTML et les modalités d'utilisation,
visitez dynamicdrive.com
*/

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">');
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array();
var sitemlinks=new Array();

//ajoutez ou retirez des éléments de cette liste
sitems[0]="Index";
sitemlinks[0]="Index.html";
sitems[1]="....."
sitemlinks[1]=".....html"

sitems[2]="....."
sitemlinks[2]=".......html2"

sitems[3]="...."
sitemlinks[3]=".....html3"




for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>');
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload();
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400);
}
window.onload=regenerate2;
if (document.all){
document.write('</div>');
themenu=document.all.slidemenubar2.style;
rightboundary=0;
leftboundary=-150;
}
else{
themenu=document.layers.slidemenubar;
rightboundary=150;
leftboundary=10;
}
function pull(){
if (window.drawit)
clearInterval(drawit);
pullit=setInterval("pullengine()",50);
}
function draw(){
clearInterval(pullit);
drawit=setInterval("drawengine()",50);
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5;
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5;
else if (window.pullit)
clearInterval(pullit);
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5;
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5;
else if (window.drawit)
clearInterval(drawit);
}
</script>
<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>



 Sources du même auteur

FAIRE UN TEXTE QUI BOUGE

 Sources de la même categorie

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
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600

Commentaires et avis

Commentaire de coucou747 le 26/03/2005 11:21:58 administrateur CS

perso, chez moi, ça ne marche pas du tout...
on ne voit rien du tout... (testé avec konqueror)

Commentaire de bultez le 26/03/2005 12:58:45

déjà vu,
un copié/collé qui aurait
du citer ses sources.

Commentaire de titideleu le 27/03/2005 15:28:15

Moi je dis surtout Merci Dynamic Drive !!!!!

Commentaire de Ricou13 le 29/03/2005 01:16:41

Ca marche pô non plus sur FireFox.

Pas merci Dynamic Drive. D'autant qu'on trouve, et ici même, des codes réalisants des menus beaucoup plus mieux et cross browsers.

Autant de code pour un résultat aussi décevant...

Pire que l'autre code proposé par meganico. Note : 0

Commentaire de nadermanette le 14/06/2005 18:40:37

Cela aurait pu etre mieux si le menu etait plus visible
et aussi cela pouvait se refaire en deux, c'est à dire que si l'utilisateur n'utilise pas un ecran minimum de 15" ben il ne verait rien. Donc, magenetico tu dois le repenser ton menu et cela pourait fonctionner; moi je l'ai deja modifier et comme c'est le tiens le privilege te reviens de droit de le modifier afin que tout puisse en profiter

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

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

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