MENU RUBAN VERTICAL.
styvodiabolo
Messages postés
44
Date d'inscription
jeudi 1 juin 2006
Statut
Membre
Dernière intervention
4 janvier 2009
-
10 août 2007 à 16:41
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 23 mai 2008 à 20:45
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 23 mai 2008 à 20:45
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/43732-menu-ruban-vertical
https://codes-sources.commentcamarche.net/source/43732-menu-ruban-vertical
23 mai 2008 à 20:45
4 sept. 2007 à 16:08
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.
4 sept. 2007 à 02:00
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
10 août 2007 à 17:17
10 août 2007 à 16:41