begin process at 2010 03 20 21:53:37
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > MENU RUBAN VERTICAL.

MENU RUBAN VERTICAL.


 Information sur la source

Note :
9,5 / 10 - par 2 personnes
9,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Classé sous :effets, menu, manège, ronde Niveau :Débutant Date de création :10/08/2007 Vu / téléchargé :18 720 / 2 618

Auteur : zuff

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

 Description

Cliquez pour voir la capture en taille normale
Voici une nouvelle variation par rapport à ma source précédente (http://www.javascriptfr.com/codes/MENU-RUBAN-VITE SSE-VARIABLE_43216.aspx).
Le menu au lieu de tournée horizontalement, tourne verticalement comme une grande Roue.



 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 Source avec une capture VÉRIFICATION DU NIVEAU DE SÉCURITÉ DU MOT DE PASSE
Source avec Zip Source avec une capture MENU RUBAN À VITESSE VARIABLE.
Source avec Zip Source avec une capture MENU RUBAN

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip Source avec une capture MENU RUBAN À VITESSE VARIABLE. par zuff
Source avec Zip Source avec une capture MENU RUBAN par zuff
Source avec Zip Source avec une capture MANÈGE 3D par adelami
Source avec Zip MENU CONTEXTUEL GRÂCE AU CLICK DROIT DE LA SOURIS AVEC DES M... par OB1_12

Commentaires et avis

Commentaire de styvodiabolo le 10/08/2007 16:41:22

Alors là, vraiment excellent et superbe que dire de plus que 10/10.

Commentaire de XtremDuke le 10/08/2007 17:17:56

Interessant mathématiquement...

Commentaire de kalessin1951 le 04/09/2007 02:00:30

Bonjour,

  Que penses-tu de ce que j'ai fait avec ton code. J'aimerais savoir si c'est possible d'en placer plus d'un côte à côte.

ps: je ne connais ni ne comprends le javascript.

kalessin1951

http://www.bienvenuechezdore.viracom.net//mariageremi.html

Commentaire de zuff le 04/09/2007 16:08:42

Alors (sans garantie de fonctionnement) voici les modifs à faire dans le fichier MenuDeroulant.js :

var NbSerie =3;

function AffichageVertical ()
{
  for(j=0;j<NbSerie;i++)
  {  
      for(i=1;i<NbImage+1;i++)
    {
    var Gauche =  100+document.getElementById("i"+j+i).width/2;
    var Hauteur =  positionY+140*(Math.sin(angle+i*2*Math.PI/NbImage));

        agl=angle+i*2*Math.PI/NbImage;
        document.getElementById("i"+j+i).width=25*(Math.cos(agl))+30;
        //document.getElementById("i"+j+i).Height=25*(Math.cos(agl))+30;
        document.getElementById("i"+j+i).style.zIndex=50*(Math.cos(agl))+100;
        document.getElementById("i"+j+i).style.opacity=(Math.cos(agl)+1)*0.50;
        document.getElementById("i"+j+i).style.filter="alpha(opacity="+(Math.cos(agl)+1)*50+")";
        document.getElementById("divi"+j+i).style.top=Hauteur+"px";
        document.getElementById("divi"+j+i).style.left=Gauche+"px";
        document.getElementById("divi"+j+i).width=25*(Math.cos(agl))+30;
        document.getElementById("divi"+j+i).style.zIndex=50*(Math.cos(agl))+100;
        document.getElementById("divi"+j+i).style.opacity=(Math.cos(agl)+1)*0.50;
        document.getElementById("divi"+j+i).style.filter="alpha(opacity="+(Math.cos(agl)+1)*50+")";

    }
  }  
    NouveauDeplacementVerticale = "Oui";  
}

function LancementMenu()
{
// Page ouverte au maximum de l'écran
window.moveTo(0,0);
window.resizeTo(screen.width,screen.height-30);  
// Placement du div
document.getElementById("divMenuRuban1").style.left= 50;
document.getElementById("divMenuRuban2").style.left= 100;
document.getElementById("divMenuRuban3").style.left= 150;

recupererHauteurEcran();
AffichageVertical ();
FlgDefilementVertical="Bas";
timer=setInterval("DefilementVertical()", vitesseVerticale);

}

puis dans index.htm :
<div id="divMenuRuban1">
<div id="divi01" class="divimag" ><a href="" ><img id="i01" class="imag" src="" alt="" /><br />Image</a></div>
<div id="divi02" class="divimag" ><a href="" ><img id="i02" class="imag" src="" alt="" /><br />Image</a></div>
...
</div>
<div id="divMenuRuban2">
<div id="divi11" class="divimag" ><a href="" ><img id="i11" class="imag" src="" alt="" /><br />Image</a></div>
<div id="divi12" class="divimag" ><a href="" ><img id="i12" class="imag" src="" alt="" /><br />Image</a></div>
...
</div>
<div id="divMenuRuban3">
<div id="divi21" class="divimag" ><a href="" ><img id="i21" class="imag" src="" alt="" /><br />Image</a></div>
<div id="divi22" class="divimag" ><a href="" ><img id="i22" class="imag" src="" alt="" /><br />Image</a></div>
...
</div>

puis dans la feuille de style :
#divMenuRuban1
{
    position:absolute;
    top :120px;
    left : 400px;
}
#divMenuRuban2
{
    position:absolute;
    top :120px;
    left : 450px;
}
#divMenuRuban3
{
    position:absolute;
    top :120px;
    left : 500px;
}

et à priori ca devrait marcher sinon contact moi par la messagerie du site pour je regarde ça de plus près.

Commentaire de kazma le 23/05/2008 20:45:54 9/10

impeccable c'est vraiment bien fait, il y a peut de code et en plus sa marche sur ie et ff

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

1 clic, 2 effets ou + [ par bk372295 ] Dans&nbsp;mo site avec cadres (http://users.skynet.be/bk372295), je voudrais ajouter d'autres langues, la page d'accueil actuelle est bilingues fran&# Quel méthode employer pour réaliser un menu sous forme d'arbre ? [ par sniktwo ] Bonjour, alors moi je connais pas grand chose au javascript, dhtml, etc (malheuresement) et je voudrais faire un menu "int&#233;ractif".Il y aurait un Menu vertical et horizontal avec ouverture/fermeture d'un clic [ par neo_tsubasa ] Bonjour, Je suis tr&#233;s debutant en javascript et je voudrais faire un menu horizontal fixe qui lorsque l'on clique sur une de ces categories ouvr mettre une variable dans un lien [ par David78390 ] Salut à tous, j'ai un petit bug qui me gene. Je voudrais faire un avec une varaible dedans. Voila le code qui me permet de changer le texte en fonct ecrie en arabe avec xara [ par achill2005 ] bnjrj'ai acquis la suite xara : xara menu maker et xara3D&nbsp; mais j'ai rencontr&#233; un probl&#232;me, quand je voulis ecrire en arabe avec xara p Menu et sous menu horizontal ???? [ par zaky08 ] Bonjour,Je suis novice dans le domaine de la programmation par contre, j'ai trouver un code pour avoir un menu et un sous menu horizontal.Le BUG c'est Minimiser du texte [ par La Guite ] Bonjour à tous,Tout d'abord désolé si ma question parait trop stupide.Mais bon, j'ai survollé plusieurs site et je trouve pas (a mon avis je cherche m [Recherche] Script menu. [ par _solaris_ ] Salut à tous.Jeuis nouveau ici, et je cherchais un script mais je n'arrive pas a mettre la main dessus.Je cherche un menu qui serait sur le coté de la Menu en arborescence [ par BenXbox ] Salut à tous, Voilà j'utilise ce menu pour mon site : http://itguide.netsliver.com/fr/artprog_id1.html Et enfaite j'ai un problème, quant je clique s probleme de sous menu et frames [ par toddy_101 ] bonjour tout le monde,j'ai un probleme de menu, et j'espere bien que vous pouviez m'aider... voila, j'ai 2 frames, dans le 1er j'insere un menu horizo


Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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,139 sec (4)

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