Menu javascript translucide
Bonjour à tous,
Je travail actuellement sur un menu en javascript utilisant la technique de sprite, mais voilà je bloque.
Une présentation vaut mieux que toute explication :
funsk8te.free.fr
Petite explication quand même: j'ai crée un sprite et mon menu fonctionne, mais pas comme je le voudrais, en faite j'aimerais que l'image monte ET remplace la première hors là elle se superpose et le problème c'est que le bouton survolé est translucide et donc devrait refléter le background, mais là l'image orange reste, ça détruit l'effet.
j'ai bien farfouiller dans le code sprite.js mais je suis pas un pro du javascript alors si une âme charitable peut y jeter un oeil, il faudrait donc que l'image "monte" de 35px (hauteur du bouton) et ne se superpose pas. :)
voici le bout de code problématique amon avis :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| // JavaScript Document
$(function(){
$('#navigation li a').append('<span class="hover"></span>')
$('#navigation li a').hover(function() {
// Stuff that happens when you hover on + the stop()
$('.hover', this).stop().animate({
'opacity': 1
}, 500,'easeOutSine')
},function() {
// Stuff that happens when you unhover + the stop()
$('.hover', this).stop().animate({
'opacity': 0
}, 500, 'easeOutQuad')
})
}); |
