Menu ruban vertical.

Soyez le premier à donner votre avis sur cette source.

Vue 24 204 fois - Téléchargée 3 190 fois

Description

Voici une nouvelle variation par rapport à ma source précédente (http://www.javascriptfr.com/codes/MENU-RUBAN-VITESSE-VARIABLE_43216.aspx).
Le menu au lieu de tournée horizontalement, tourne verticalement comme une grande Roue.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
1767
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
31 août 2020
87
impeccable c'est vraiment bien fait, il y a peut de code et en plus sa marche sur ie et ff
Messages postés
79
Date d'inscription
lundi 28 octobre 2002
Statut
Membre
Dernière intervention
21 octobre 2008

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 :



[
Image]


[
Image]

...





[
Image]


[
Image]

...





[
Image]


[
Image]

...



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.
Messages postés
4
Date d'inscription
mercredi 30 septembre 2009
Statut
Membre
Dernière intervention
4 septembre 2007

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
Messages postés
626
Date d'inscription
samedi 28 septembre 2002
Statut
Membre
Dernière intervention
18 mai 2009
3
Interessant mathématiquement...
Messages postés
44
Date d'inscription
jeudi 1 juin 2006
Statut
Membre
Dernière intervention
4 janvier 2009

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

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.