Jump to content

Menu Rolante


unrealmanel
 Share

Recommended Posts

Boas pessoal, tenho o seguinte codigo de um menu rolante que saquei do site http://www.scriptbrasil.com.br/, ao clique este desliza de forma horizontal, alguem pode me ajudar a coloca-lo a deslizar Verticalmente? Obrigada  😁

<html>
<head>

<style>

#divMenu {font-family:arial,helvetica; font-size:12pt; font-weight:bold}
#divMenu a{text-decoration:none;}
#divMenu a:hover{color:red;}
</style>
<script language="JavaScript1.2">

ie=document.all?1:0
n=document.layers?1:0
ns6=document.getElementById&&!document.all?1:0

lshow=60

var move=10;

menuSpeed=40

var moveOnScroll=true

var ltop;
var tim=0;

function makeMenu(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    if (n) this.css=eval(nest+'document.'+obj)
    else if (ns6) this.css=document.getElementById(obj).style
    else if (ie) this.css=eval(obj+'.style')                  
   this.state=1
   this.go=0
        if (n) this.width=this.css.document.width
        else if (ns6) this.width=document.getElementById(obj).offsetWidth
        else if (ie) this.width=eval(obj+'.offsetWidth')
   this.left=b_getleft
    this.obj = obj + "Object";    eval(this.obj + "=this")   
}

function b_getleft(){
        if (n||ns6){ gleft=parseInt(this.css.left)}
        else if (ie){ gleft=eval(this.css.pixelLeft)}
   return gleft;
}

function moveMenu(){
   if(!oMenu.state){
      clearTimeout(tim)
      mIn()   
   }else{
      clearTimeout(tim)
      mOut()
   }
}

function mIn(){
   if(oMenu.left()>-oMenu.width+lshow){
      oMenu.go=1
      oMenu.css.left=oMenu.left()-move
      tim=setTimeout("mIn()",menuSpeed)
   }else{
      oMenu.go=0
      oMenu.state=1
   }   
}

function mOut(){
   if(oMenu.left()<0){
      oMenu.go=1
      oMenu.css.left=oMenu.left()+move
      tim=setTimeout("mOut()",menuSpeed)
   }else{
      oMenu.go=0
      oMenu.state=0
   }   
}

function checkScrolled(){
   if(!oMenu.go) oMenu.css.top=eval(scrolled)+parseInt(ltop)
   if(n||ns6) setTimeout('checkScrolled()',30)
}

function menuInit(){
   oMenu=new makeMenu('divMenu')
        if (n||ns6) scrolled="window.pageYOffset"
        else if (ie) scrolled="document.body.scrollTop"
   oMenu.css.left=-oMenu.width+lshow
        if (n||ns6) ltop=oMenu.css.top
        else if (ie) ltop=oMenu.css.pixelTop
   oMenu.css.visibility='visible'
   if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}


window.onload=menuInit;
</script>
</head>

<body>

<!-define a posição do menu->
<div id="divMenu" style="position:absolute; top:100; left:35; visibility:hidden; background-color:f8f8ff">

<nobr>
   <a href="pagina.html"><font face=verdana size=1 color=black>link 1</a> -
   <a href="pagina.html"><font face=verdana size=1 color=black>link 2</a> - 
   <a href="pagina.html"><font face=verdana size=1 color=black>link 3</a> - 
   <a href="javascript://" onClick="moveMenu()" style="background-color:3366cc;color:white;font-family:verdana;font-size:8pt;text-decoration:none">   menu   </a>
</nobr>
</div>

</body>
</html>
Link to comment
Share on other sites

É mais fácil procurar scripts que deslizem verticalmente do que mudar esse para se mover como queres, acredita. Desse mesmo site, estão aí alguns:

http://www.scriptbrasil.com.br/busca/vertical/javascript/1/

Nick antigo: softclean | Tens um projeto? | Wiki P@P

Ajuda a comunidade! Se encontrares algo de errado, usa a opção "Denunciar" por baixo de cada post.

Link to comment
Share on other sites

Eu ja tinha procurado, mas não encontro nada de jeito, seria algo assim:

                                                                link 1  link 1  link 1  link 1  link 1  link 1

                                                                Link2  Link2  Link2  Link2  Link2  Link2

                                                                Link2  Link2  Link2  Link2  Link2  Link2

                                                                Link2  Link2  Link2  Link2  Link2  Link2

                                                                Link2  Link2  Link2  Link2  Link2  Link2

Ou seja quando desse um click no link 1 Aparecia um submenu com os links 2, Não sei se me fiz preceber  🙂

Link to comment
Share on other sites

Confundi, estava a procurar menus horizontais mas esqueci-me do deslocamento vertical... :S

Há muitos, por exemplo, neste site podes personalizá-los ao teu gosto e depois é só colar o código:

http://www.mycssmenu.com/

Ou pesquisa por 'css horizontal drop down menu', a maioria deles é uma barra de menus principal, e com submenus que deslizam verticalmente.

Nick antigo: softclean | Tens um projeto? | Wiki P@P

Ajuda a comunidade! Se encontrares algo de errado, usa a opção "Denunciar" por baixo de cada post.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.