11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Je suis en train de développer un site en local sous Joomla 1.5.15. J'ai besoin de mettre dans mon menu principal des effets de fade quand il y a un effet d'hover sur un élément du menu. J'ai trouvé beaucoup de topic à ce sujet mais à chaque fois la technique utilisé est une image en dur dans le HTML.

Dans mon cas, je suis "bloqué" avec l'architecture des menu joomla (biensur je peux créer un module mais je voudrais trouver une technique plus générique) qui fait que je ne peux pas rajouter une classe spécifique à chaque A du menu. En effet, un menu joomla est de ce type :


<ul>
<li><a><span>Element 1</span></a></li>
<li><a><span>Element 2</span></a></li>
<li><a><span>Element 2</span></a></li>
....
<ul>


De ce fait, j'utilise une background image sur mes éléments A.
Ce que je voudrais donc est assez simple, trouver comment avec mootools faire un effet de fade doux pour passer de mon image de base écrite dans le CSS avec Background-image et mon autre image avec l'effet hover.

Je ne sais pas si mootools permet de travailler sur le css d'un élément...c'est pourquoi je vous demande de l'aide.

Merci à vous