Plugin jQuery : LavaLamp, pour un joli effet sur votre menu

LavaLamp, un plugin jQuery va vous permettre d’animer facilement votre menu en y ajoutant une petite animation au survol des différents liens.

Pour le mettre en place, on commence d’abord par la structure HTML avec une simple liste.

[html]
<ul class="menu">
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
[/html]

On insère bien sûr le framework jQuery ainsi que le plugin LavaLamp.

[html]
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.lavalamp.js"></script>
[/html]

Et on lance le plugin :

[html]
<script type="text/javascript">
$(function() {
$(".menu").lavaLamp({
fx: "backout",
speed: 700
});
});
</script>
[/html]

Lien :

• gmarwaha.com