Ir para conteúdo

POWERED BY:

Arquivado

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

junaooaks

ação menu css

Por , em Javascript

Recommended Posts

junaooaks    3

junaooaks
Postado

pessoal

 

to usando um menu do site Clique aqui

 

so quero mudar a ação do menu quando passa o mouse e aparece os sub-menus

 

eu to precisando de colocar com a ação de 1 click

 

click no menu e aparece o submenu

 

como coloco este menu para coloca com o click?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http-~~-//www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Teste</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<script type="text/javascript" src="js.js"></script>
</head>

<body>
	<ul id="menu">
		<li>
			<span>Item</span>
			<ul>
				<li>Subitem</li>
			</ul>
		</li>
		<li>
			<span>Item</span>
			<ul>
				<li>Subitem</li>
			</ul>
		</li>
		<li>
			<span>Item</span>
			<ul>
				<li>Subitem</li>
			</ul>
		</li>
		<li>
			<span>Item</span>
			<ul>
				<li>Subitem</li>
			</ul>
		</li>
	</ul>
</body>
</html>

 

#menu ul { display: none; }

var menuItens = new Object();
menuItens.itens = new Array();
menuItens.toggle = function(index){
	for(var i = 0; i < menuItens.itens.length; i++) menuItens.itens[i].hide();
	menuItens.itens[index].show();
}
menuItens.append = function(object){
	var index = menuItens.itens.length;
	var target = object.parentNode.getElementsByTagName('ul').item(0);
	var item = new Object();
	item.hide = function(){
		target.style.display = 'none';
	}
	item.show = function(){
		target.style.display = 'block';
	}
	object.onclick = function(){
		menuItens.toggle(index);
	}
	menuItens.itens[index] = item;
}

window.onload = function(){
	var itens = document.getElementById('menu').getElementsByTagName('span');
	for(var i = 0; i < itens.length; i++) menuItens.append(itens.item(i));
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

mauelement    0

mauelement
Postado

:click Imagem PostadaImagem Postada

 

Acho que quis dizer :active, não?

 

E nesse caso não seria bem sucedida essa pseudo-classe pois tudo que for declarado para ela funcionará apenas no momento do clique.

 

:thumbsup:

Fala thiago! o que quis dizer foi o click mesmo.. não sei se entendi errado. Mas penso que ele queira alterar a forma do submenu abrir. alterar do evento :hover pro evento click. Clicou no link, apareceu as subcategorias.

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