begin process at 2010 02 10 10:16:15
  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 305

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 MOOTOOLTIP par Miky76
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN... par xloadx
Source avec Zip Source avec une capture [DSI] DÉPLACEMENTS SUR IMAGES par Bul3
Source avec Zip Source avec une capture [ZI] ZOOM (LOUPE) SUR IMAGE par Bul3

Commentaires et avis

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

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


HTC Magic

Entre 429€ et 429€

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
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 : 0,780 sec (3)

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