Ir para conteúdo

POWERED BY:

Arquivado

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

eduardoap

Menu que rola na horizontal

Por , em Javascript

Recommended Posts

eduardoap    0

eduardoap
Postado

Faz uns 4 dias que estou tentando rolar este menu para a horizontal... Consegui que o comando fosse dado pela barra horizontal, mas o danado ainda vai para baixo... Preciso dele pois meu site é horizontal e este menu iria acompanhar a rolagem do site quando o usuario tiver com resolução 1024 x 768... Preciso que seja este pois em pontos meu site rola automatico ai usando um outro codigo a barra fica piscando emquento a página rola automático.... E este código o menu rola suavimente...ai vai o código....

<html><head><title>Destaque CBHB</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript">float_init = 1; function DHTML_Init(Object) { if (navigator.userAgent.match(/Mozilla\/5\../) && float_init) { SetObjectOffsetTop(Object, undefined); } } function All (ID) { if (document.all) { return document.all[iD]; } else if (document.documentElement){ return document.getElementById (ID); } else if (document.layers) { return document.layers[iD]; }} function GetWindowOffsetTop() { if (window.innerHeight) { return window.pageXOffset; }// X ou Y else if (document.body) { return document.body.scrollLeft}} //aqui muda **** function GetWindowHeight() { if (window.innerHeight) { return window.innerLeft; } else if (document.body) { return document.body.clientHeight; }} function GetObjectHeight(Object) { DHTML_Init(Object); if (document.all || document.documentElement) { Clip = Object.style.clip; if (! Clip) { return Object.offsetHeight; } else { return GetClipElement (Clip, 'Bottom'); }} else if (document.layers) { return Object.clip.height; }} function GetObjectOffsetTop(Object) { DHTML_Init(Object); if (Object.offsetTop) { return Object.offsetTop; } else if (document.layers) { return Object.top; }} //nada function SetObjectOffsetTop(Object, Offset) { if (Object.style) { Object.style.top = Offset; } else if (Object.top) { Object.top = Offset; }} CenterMenu = 0; MenuBorder = 100; TimeCheck = 250; TimeUpdate = 15; DivUpdate = 20; Minimum = 50; AddHeight = -4; function ScrollMenu() { Menu = All('MenuTeste'); WinTop = GetWindowOffsetTop(); WinHeight = GetWindowHeight() + AddHeight; MenuTop = GetObjectOffsetTop(Menu); MenuHeight = GetObjectHeight (Menu); MenuNew = (CenterMenu) ? Math.round (WinTop + (WinHeight - MenuHeight) /9) : WinTop + MenuBorder; if (MenuNew < Minimum) { MenuNew = Minimum; } if (MenuTop != MenuNew) { if ( (MenuTop + MenuHeight) < WinTop || MenuTop > (WinTop + WinHeight) ) { SetObjectOffsetTop (Menu, (MenuTop < MenuNew) ? (WinTop - MenuHeight) : (WinTop + WinHeight)); } else { Add = (MenuTop < MenuNew) ? 1 : -1; SetObjectOffsetTop (Menu, MenuTop + Math.round((MenuNew - MenuTop) / DivUpdate) + Add); } } window.setTimeout('ScrollMenu()', (GetObjectOffsetTop(Menu) == MenuNew) ? TimeCheck : TimeUpdate); } // -->//--></script></head><body bgcolor="#FFCC00" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="ScrollMenu()"><div align="center"> <table width="500%" border="0" cellspacing="0" cellpadding="10"> <tr> <td width="120" bgcolor="#3399CC"> </td> <td bgcolor="#3399CC"></td> </tr> </table> <br></div><!-- PersistentLayer--><DIV id="MenuTeste" style="position: absolute; height:200px; width:102px; top:1px;z-index: 100"> <p>TEsteTEsteTEsteTEsteTEsteTEsteTEste</DIV><!--End PersistentLayer--><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><br><br><br><br><br><br><br></body></html>

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