menu em js com efeito parecido com flash

[vicoluis 0]

aqui da para ver o link da materia completa, com exemplo:

http://ajaxbox.com.br/ajaxBox.Materia/?7_,...javascript.html

 

 

 

vou colocar o docigo aqui para o ctrl+c e ctrl+v

 

explicações maiores tem la no link da materia :_)

 

<script type="text/javascript">function pega(b){		return document.getElementById(b);	}function showHidden(boolAcao, elObjeto) {	switch (boolAcao){			case true:					var obj		   = pega(elObjeto);			obj.style.display = "block";			break;				case false:					var obj		   = pega(elObjeto);			obj.style.display = "none";				break;	}}function StartAlpha(obj, opacity, fim){	var obj = pega(obj).style;		var resultado = (opacity/100);		obj.opacity	  = (resultado);	obj.MozOpacity   = (resultado);	obj.KhtmlOpacity = (resultado);	obj.filter	   = 'alpha(opacity='+resultado * 100+')';			if( ( (resultado * 100) - 1) == fim){			showHidden(false, objFechar)		showHidden(true, objAbrir)				pega(objFechar).style.opacity	  = '1.0';		pega(objFechar).style.MozOpacity   = '1.0';		pega(objFechar).style.KhtmlOpacity = '1.0';		pega(objFechar).style.filter	   = 'alpha(opacity=100)';					}}function alpha(obj, speed, timer, inicio, fim, sentido){	var speed   = speed;	var timer   = timer;	var obj   = obj;		var inicio  = inicio	var fim	 = fim	var opacity = opacity;		switch (sentido){			case '+':			for(i=inicio; i < fim;i++) setTimeout('StartAlpha("'+obj+'", '+i+', '+fim+')', timer ++ * speed)		break;				case '-':			for(i=inicio; i > fim;i--) setTimeout('StartAlpha("'+obj+'", '+i+', '+fim+')', timer ++ * speed)					break		}}objFechar = 'conteudo_1';objAbrir  = 'conteudo_1';</script>Código produzido por ajaxBox: <div id="contem_tudo"><div id="menu_esquerda" style="position:relative; float:left; width:150px; height:200px; background-color:#0099CC;">	<a href="java script:void(0)" onclick="alpha(objAbrir, 10, 0, 40, 1, '-'), objFechar = objAbrir, objAbrir = 'conteudo_1'">ajaxBox - Menu 1</a><br />	<a href="java script:void(0)" onclick="alpha(objAbrir, 10, 0, 40, 1, '-'), objFechar = objAbrir, objAbrir = 'conteudo_2'">ajaxBox - Menu 2</a><br />	<a href="java script:void(0)" onclick="alpha(objAbrir, 10, 0, 40, 1, '-'), objFechar = objAbrir, objAbrir = 'conteudo_3'">ajaxBox - Menu 3</a><br /></div><div id="conteudo_1" style="position:relative; float:left; left:10px; width:300px; height:200px; background-color:#996600;">	ajaxBox, trazendo facilidade para internet! <br /> [ visualizando menu 1 ] </div><div id="conteudo_2" style="position:relative; float:left; left:10px; width:300px; height:200px; background-color:#CCCC99; display:none;">	ajaxBox, trazendo facilidade para internet! <br /> [ visualizando menu 2 ]  </div><div id="conteudo_3" style="position:relative; float:left; left:10px; width:300px; height:200px; background-color:#99CCCC; display:none;">	ajaxBox, trazendo facilidade para internet! <br /> [ visualizando menu 3 ]  </div></div>

[filipescoob 1]

Kara testei aqui mas não rolou nada....