Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

AspAL

Alguém sabe como fazer um menu como esse ?

Por , em Javascript

Recommended Posts

AspAL    0

AspAL
Postado

Vou colar aquele script aqui para você! 

<html><head><title>Documento sem título</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style>a	{	color: red;	text-decoration:none;}a:hover	{	text-decoration:underline;}#navShow{	background: url('../img/base_navegacao_rodape.gif') no-repeat;	border:1px;	width: 350px;	float:left;	height:50px;	font-size:13px;	position:relative;	padding-top:15px;	text-align:center;}#menuItens {	border:1px solid gray;	width:220px;height:110px;	position:absolute;	overflow:auto;	font-family:arial;	font-size:11px;	padding:5px 5px 5px 5px;	text-align:left;	background-color:#fff;	scrollbar-base-color: #eee;	scrollbar-face-color: #eee;	scrollbar-track-color: #777;	scrollbar-arrow-color: #000;	scrollbar-3dlight-color: #000;	scrollbar-darkshadow-color: #000;	scrollbar-highlight-color: #fff;	scrollbar-shadow-color: #fff;	clip: rect(122px 232px 122px 0px);}#menuItens {	top:-122px;	left:0px;}#menuItens a,  {margin-bottom:2px;}#menuItens .sel {font-weight:bold;}</style><script>		var state = 'not_used';		function slide_in(n,str_obj) {			var obj = document.getElementById(str_obj);			if (n==0) {				n = '122';			}			if (n > 0) {				n = n - 10;				obj.style.clip = "rect(" + n + "px 232px 122px 0px)";				timer = window.setTimeout('slide_in(' + n + ',\'' + str_obj + '\')', 10);			}			state = 'opened';		}		function slide_out(n,str_obj) {			obj = document.getElementById(str_obj);			if (n <= 122) {				n = n + 10;				obj.style.clip = "rect(" + n + "px 232px 122px 0px)";				timer = window.setTimeout('slide_out(' + n + ',\'' + str_obj + '\')', 10);			}			state = 'closed';		}		function open_menu(str_obj) {			if ((state == 'not_used') || (state == 'closed')) {				slide_in(0,str_obj);			} else {				alert('Já existe um menu aberto.');			}		}		function close_menu(str_obj) {			if (state == 'opened') {				slide_out(0,str_obj);			}		}		</script></head><body><br><br><br><br><br><br><br><br><br><div id="navShow" style="margin-top:10px;"> <span> <a href="javascript:void(open_menu('menuItens'));">Todas as Fotos</a> </span> 		<div id="menuItens"> 		  <div style="border:1px solid #cccccc;background-color:#efefef;padding:3px 5px 2px 6px;margin-bottom:4px;"> 			<div style="float:left;"><b>Menu de Acesso Rápido</b></div>			<div style="float:right;border:1px solid red;padding:0 2px 0 3px;"><a href="javascript:void(close_menu('menuItens'));"><b>X</b></a></div>			<div style="clear:both"></div>		  </div>		  <div class="sel">1. <a href="foto1.html"  class="sel">Instalação</a></div>		  <div class="">2. <a href="foto2.html"  class="">Instalação 2</a></div>		  <div class="">3. <a href="foto3.html"  class="">Navegação por abas</a></div>		  <div class="">4. <a href="foto4.html"  class="">Feeds de RSS</a></div>		  <div class="">5. <a href="foto5.html"  class="">Navegação melhorada</a></div>		  <div class="">6. <a href="foto6.html"  class="">Navegação melhorada</a></div>		  <div class="">7. <a href="foto7.html"  class="">Filtro de phishing</a></div>		</div>	  </div></body></html>
Lembre-se dos direitos se for utilizar... :)
Muito grande esse script... você tem algum mais simples, do tipo "clicar > aparecer uma janelinha" ? não é janela popup... ;) esse é bonitinho, mas é mt grande... vlw de qq forma!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito