Slide bar :: menu glissant en fonction de la souris
5/5 (12 avis)
Vue 52 141 fois - Téléchargée 10 929 fois
Description
Menu glissant en fonction de la position de la souris. Très souvent utilisé sur divers sites, comme par exemple pour un portfolio.
Source / Exemple :
onClipEvent (enterFrame) { // lorsque la frame est joue
if (_root._xmouse >= 270) { // si la position de la souris est plus grande ou egale a 270
if (this._x >= 60) { // si la position du symbole img est plus grande ou egale a 60
stop(); // on stop l'animation
} else { // sinon
this._x += 10; // on ajoute 5 en x
}
} else { // si la position de la souris est plus petite ou egale a 270
if (this._x <= -750) { // si la position du symbole img est plus petite ou egale a -750
stop(); // on stop l'animation
} else { // sinon
this._x -= 10; // on enleve 5 en x
}
}
}
Codes Sources
A voir également
- Slide bar :: menu glissant en fonction de la souris
- Un "début" de petit menu glissant... - Codes sources - Flash (Animations)
- Menu glissant sur rollover - Codes sources - Flash (Menu & navigation)
- Flash : Menu glissant avec chargement d'images externes - CodeS SourceS - Guide
- Javascript : Choix différents dans un menu select en fonction d'un autre menu select - CodeS - Guide
- Javascript : Menu glissant - CodeS SourceS - Guide
2 nov. 2009 à 00:02
Pour Casou59, le 60 et -750 est la valeur en x du clip. En effet, littéralement :
"if (this._x >= 60) { // si la position du symbole img est plus grande ou egale a 60
stop(); // on stop l'animation"
Veut dire que si ton clip atteint le bout du slide, le déplacement s'arrette. La valeur 60 correspond au bord gauche, et la valeur -750 correspond au bord droit. Essaye, crée un clip, et regarde dans la fenêtre propriété. Sa valeur en x y est précisée. Quand tu bouge ton clip à gauche, cette valeur descend, tandis qu'à droite, elle elle augmente.
Je vois venir ta question, pourquoi la valeur est négative. Et bien parce que l'origine de la scène est en haut à gauche de ta zone de travail, tout clip en dehors à gauche prend une valeur x négative, de même tout élément en dehors en haut prend une valeur y négative. Encore une foi je t'invite à faire le test et regarder la fenêtre propriété a chaque fois que tu pose le symbole.
En passant, merci pour ce code, il est simple et utile.
Maintenant il faut m'aider moi, je cherche à faire une boucle. J'ai penser à faire en sorte que quand le clip arrive à sa position extrème gauche, il se replace à son extrème droite mais je n'y arrive pas. Quelqu'un a une idée ?
j'ai tester le script :
....
if (this._x >= 60) { // si la position du symbole img est plus grande ou egale a 60
this._y= -750); // le symbole se place à l'autre bout.
.....
Mais ça marche pas ! :(
21 août 2009 à 15:44
et le -750: // si la position du symbole img est plus petite ou egale a -750
Merci à celui qui voudra bien m'aider.
20 août 2009 à 11:34
quelqu'un pourrai m'expliquer à quoi coorespond le 60: // si la position du symbole img est plus grande ou egale a 60
et le -750: // si la position du symbole img est plus petite ou egale a -750
Car je ne comprend pas merci
1 nov. 2004 à 14:02
24 févr. 2004 à 23:30
why
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.