schneid3r

Ya que muchos me preguntan por el efecto de mi menú aquí un pequeño tutorial de cómo pueden hacer un menú con este fantástico efecto.

Estoy subiendo los archivos de demostración a Descargar

En esta imagen pueden ver lo que contiene el archivo Zip como podrán ver en el demon.html existen varios ejemplos. Si queremos implementarlo en nuestra web y colocar enlaces “href” para que esto funcione debemos modificar esta función.

$(function() {
	$("#1, #2, #3").lavaLamp({
		fx: "backout",
		speed: 700,
		click: function(event, menuItem) {
			//return false; //<-- quita el return false;
		}
	});
});

porque con return false estas cancelando el evento de onclick
luego tendrían que editar la hoja de estilos para los tamaños que deseen y las imágenes, si quieren tener iconos deben agregar esto.

<ul id="1" class="lavaLampWithImage">
	<li><a href=" tu enlace " target="_blank"><img src=" lugar del icono " alt="" width="60" />Home</a></li>
.
	.
	.</ul>

Bueno eso es todo si tienen alguna duda escríbanla en su comentario.

Fuente:

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/