Script pour menu style RocketDock
Bonjour,
Voilà j'aimerais créer un script genre rocketdock (c'est à dire une barre d'icone et quand tu passe sur l'icone il s'agrandi et quand tu en sors il revient à sa position d'origine, tout cela de facon progressive et non pas d'un seul coup).
J'ai déjà fait un script qui fonction sous chrome et IE mais pas sous firefox donc j'aimerais régler ce probleme. Il y a aussi un soucis c'est que lorsque que l'on passe trop vite la souris d'un icone à un autre tout le menu se met à trembler.
Voilà mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
function expand(id) {
if (id.onmouseover&&id.width<=70) {
var fonction = "expand("+id.id+")";
x=window.setTimeout(fonction, 0.00001);
id.width=id.width + 2;
id.height=id.height + 2;
}
}
function reduce(id) {
if (id.onmouseout&&id.width>48) {
var fonction = "reduce("+id.id+")";
x=window.setTimeout(fonction, 0.00001);
id.width=id.width - 2;
id.height=id.height - 2;
}
} |
Voilà et je les appel dans les images par onmouseover et onmouseout
