Efecto Drop/Down

07 junio 2008 13:29

Efecto muy interesante visto en el estupendo blog de Pizcoss, es este efecto de Drop/Down que nos permite mostrar en el -sidebar- de nuestro blog, el contenido
que queramos simplemente pasando el ratón por encima del titulo o etiqueta y que
se muestre todo su contenido, volviéndose a ocultar al retirar el ratón.
Se puede decir que es algo parecido al efecto de Mostrar/Ocultar, pero en este
caso solamente pasando el ratón por encima sin tener que pulsar ningún botón.
Paso a mostrarles el correspondiente código que tendrán que agregar donde lo quieran aplicar en el -sidebar- del blog

Código:
<a onmouseover="showit(0)"><img src="AQUI URL DE LA IMAGEN" /></a>



<ilayer bgcolor="#ffffff" name="dep1" position="relative">

<layer name="dep2" position="relative">

</layer>

</ilayer>

<div id="describe" onmouseover="clear_delayhide()" style="POSITION: relative; BACKGROUND-COLOR: #ffffff" onmouseout="resetit(event)"></div>

<script language="JavaScript1.2">



/*

Tabs Menu (mouseover)- By Dynamic Drive

For full source code and more DHTML scripts, visit http://www.dynamicdrive.com

This credit MUST stay intact for use

*/



var submenu=new Array()

submenu[0]='<b>AQUI LO QUE QUEREMOS MOSTRAR</b>'



var delay_hide=300



var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""



function showit(which){

clear_delayhide()

thecontent=(which==-1)? "" : submenu[which]

if (document.getElementByIddocument.all)

menuobj.innerHTML=thecontent

else if (document.layers){

menuobj.document.write(thecontent)

menuobj.document.close()

}

}

function resetit(e){

if (document.all&&!menuobj.contains(e.toElement))

delayhide=setTimeout("showit(-1)",delay_hide)

else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhide=setTimeout("showit(-1)",delay_hide)

}

function clear_delayhide(){

if (window.delayhide)

clearTimeout(delayhide)

}

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

</script>

En vivo, Nadal-Roddick 21/03/09 12.10
Actualidad
Andy Murray ya espera rival en la final del primer Masters Series del año.
04/07/09 20.50 Rossi en Laguna Seca Valentino Rossi logró en la última vuelta el mejor tiempo de los primeros entrenamientos libres del GP de Estados Unidos, una sesión marcada por la pugna constante entre los tres dominadores de la categoría: el italiano, Jorge Lorenzo y el australiano Stoner. Seguir Leyendo...
4/08/08.20.30 Meca,heptacampeón en el Pas David Meca sumó su séptimo triunfo consecutivo en el ascenso a nado a la Rías de Pas, prueba que se celebró ayer con la participación de 120 nadadores en todas las categorías. Meca, récordman de larga distancia, como no podía ser de otra forma Seguir Leyendo...
20/03/09 Cambio puntuación F1 Pretendía cambiar el sistema de puntuación para la clasificación de pilotos y otorgar el título de campeón al piloto con más victorias. Seguir Leyendo...
30/03/08 Portatil Acer 4220 Parece mentira lo que han bajado los portatiles, viendo la página web del Diario Montañes, de Cantabria, veo que venden portatiles nuevos por sólo 399,95 euros., y no hace tanto la media estaba casi en 1200 euros.No deja de ser una buena noticia que algo baje en estos tiempos. Seguir Leyendo...

Post aleatorio

Powered by Stuff-a-Blog

Hechos Historicos

Powered By Blogger

Link My

Recursos y Diseño Web

Create a Meebo Chat Room

Post Ultimos

Fresh Blogger Templates
 
ir arriba ir arriba

El Blog de J.Guti Copyright© 2007 | Plantilla Blogger | Diseño de Freshbloggertemplates y J.Guti