hobie - ver ocultar menu Default

Default

Un tema de Pwgpro ©

Sidebar

05
Articulos
08
Noticias
Contacto

Default

Diseño web básico para plantilla CSS Design de paginawebgratis.es creado por Pwgpro © bajo la estructura semántica del Framework Bootstrap 3

Social Networks

Encuentranos! Estamos en Twitter como: @pwgpro y en facebook.com/webpwgpro . En ambas redes publicamos nuevas actualizaciones

ver ocultar menu

ver /ocultar menu
observa el menu de lado izquierdo de la pagina
pegalo en cual quier pagina donde lo quieras tener o si lo quieres tener fijo en todas las paginas pegalo en editar diseño "texto por encima de la pagina"

Ver/Ocultar menú

www.HOBIE.es.tl

</head><script type='text/javascript'>
//<![CDATA[
<!-- inicio
var mov;
var xpos=-200;

function VerOcultarMenu() {
if (mov==2) { mov=-2} else {mov=2};
document.getElementById("MenuDesplegable").style.top=parseInt(document.getElementById("BotonMenu").style.top)+30+"px";
document.getElementById("MenuDesplegable").style.visibility="visible";
MoverMenu() }

function MoverMenu(){
xpos=xpos+4*mov;
if(xpos <- 200) {xpos=-200};
if(xpos > 0) {xpos=0};
document.getElementById("MenuDesplegable").style.left=xpos+"px";
if (xpos <=-200 || xpos >=0) {window.clearTimeout() } else {window.setTimeout("MoverMenu();",50);} }
// final -->
//]]>
</script></body><div id='BotonMenu' style='display:scroll;position:fixed;top:100px;left:0px;'> <a href='javascript:void(0)' _fcksavedurl='javascript:void(0)' onclick_fckprotectedatt="%20onclick%3D'VerOcultarMenu()%3B'" title='Mostrar / Ocultar'> <span style='font-weight:bold; border:1px solid red; text-align:center; padding:5px; background:#ccc; color:#000;'>Ver/Ocultar menú</span></a> </div> <div id='outer-wrapper'> <div id='MenuDesplegable' style='position:fixed; visibility:hidden; background:#ccc; z-index:1;'> <table style='border:1px solid red; width:150px; text-align:center; padding:5px;'> <tr><td style='border-bottom:1px solid #000;'><a href='#' _fcksavedurl='#'>Pestaña 1</a></td></tr> <tr><td style='border-bottom:1px solid #000;'><a href='#' _fcksavedurl='#'>Pestaña 2</a></td></tr> <tr><td style='border-bottom:1px solid #000;'><a href='#' _fcksavedurl='#'>Pestaña 3</a></td></tr> <tr><td style='border-bottom:1px solid #000;'><a href='#' _fcksavedurl='#'>Pestaña 4</a></td></tr> <tr><td style='border-bottom:1px solid #000;'><a href='#' _fcksavedurl='#'>Pestaña 5</a></td></tr> <tr><td style='border-bottom:1px solid #000;'><a href='#' _fcksavedurl='#'>Pestaña 6</a></td></tr> <tr><td style='border-bottom:1px solid #000;'><a href='#' _fcksavedurl='#'>Pestaña 7</a></td></tr> <tr><td><a href='#' _fcksavedurl='#'>Pestaña 8</a></td></tr> </table> </div>      </body></html>

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis