Menu Rollover

lemissel · Setembro 20, 2005

Pessoal, to querendo fazer um menu rollorver e tals, dae eu cheguei na seguintes funções:

var test=0;
    var count;
    
    function Movedown(){
            if(test < 0) test=1;
        
            document.teste.scroll(0,test++);
    }

    function Moveup(){
            
            document.teste.scroll(0,test--);
    
    }

    function tempo(){
         count = setTimeout("Movedown()", 100);
    }

teste é o objeto que eu quero fazer rolar... é um iframe

se eu colocar uma das duas functions de cima em um evento onclick de um botão, ela funciona direitinho, mas o cara tem que ficar clicando pra poder rolar no iframe... eu queria que fosse com o onmouseover em umas imagens... dae criei essa function tempo() mas n funciona... ele só rola uma vez e depois nada mais... vocês podem me ajudar????

vale

Ceh · Setembro 20, 2005

Pra fazer menu rollover eu uso div's e span's, é fácil, você usa uma div no 'link' onde você quer q apareça o rollover e usa os eventos onmouseover e onmouseout daí é só fazer as div's ficar visible e hidden nos seus respectivos eventos.

[ ]'s

lemissel · Setembro 22, 2005

Valeuzão Ceh eu tinha colocado essa msg besta ae embaixo eheheh mas consegui, fiquei fuçando ontem e deu certo. Usei o left e top.

obj.style.left = contador++; //pra mover pra direita
obj.style.left = contador--; //pra mover pra esquerda

Mas como o cliente pediu pra mover pra cima tive que usar o top ao invés do left.

Valeuuuu mesmo

Mais ou menos isso??? Nunca trabalhei com camadas, 1° vez

comoq ue eu faço para movê-la???

valeu!!!!

var contador = 0;

function moveLayer(sentido){
	var obj = document.getElementById("teste");
//alert(document.getelementbyid('Rola'))
	if(sentido == 'd'){
  if(contador > 0) contador = 1;
  obj.scroll(0, contador++);
	}
	else{
  obj.rola.scroll(0, contador--);
	}
}
</script>
</head>

<body>
<input type="button" value="<<" onclick="javascript:moveLayer('e');">
<input type="button" value=">>" onclick="javascript:moveLayer('d');">
<div id="exibe" style="position:absolute; left:261px; top:116px; width:222px; height:140px; z-index:2; overflow: hidden; clip: rect(auto auto auto 12);">
  <div id="teste" style="position:absolute; left:1px; top:3px; width:371px; height:141px; z-index:2; visibility: inherit; background-color: #99CC33; layer-background-color: #99CC33; border: 1px none #000000; overflow: auto;">TEstando, aqui ficariam os produtos... e etcetrea e tals e mais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais talsssmais mais talsssmais talsssmais talsssmais talsssmais </div>
</div>

Editado Setembro 22, 2005 por lemissel

Entrar

Menu Rollover

Pergunta

lemissel

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Ceh

Link para o comentário

Compartilhar em outros sites

lemissel

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades