Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Carregando comentários...