Ir para conteúdo

POWERED BY:

Arquivado

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

jximenes

Layer acompanhando a barra de rolagem

Por , em Javascript

Recommended Posts

jximenes    0

jximenes
Postado

Olá galera, td certo?Dei uma pesquisada pelo forum e naum achei a resposta e adoraria poder ser ajudado, é o seguinte...Eu fiz uma página toda em layers e gostaria que meu menu não saisse do lugar indepente a posição da rolagem. Um exemplo para meu objetivo é o site do bradesco (www.bradesco.com.br), entrando nele com resolução maior de 800x600 aparece o Ratinho pedindo atenção no lado direito da página.Peguei alguns scripts, mas eles têm bugs e nenhum tem essa movimentação (tipo elástico).Espero que alguém possa me ajudar, desde já muito grato.

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

você quer um menu com isso?tenhu um perfect!!!!! funca em qquer navegador...eauheuaheaolha a demora neh... me manda um email q te mando...achei esse topico pq to procurando isso tbm, mas nao em menu... apenas com uma layer mesmo...alinecamila@hotmail.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

MMEEEUUUOOOO...

 

FIQUEI COM DÓ, E DEPUREI O SCRIPT PRA você... O DO TAL DO BRADESCO...

 

SÓ Q NUM FUNCA COM O MOZILLA... ALGUEM TEM A MANHA?

 

<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body ><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><script LANGUAGE="JavaScript">        self.onError=null;        currentX = currentY = 0;          whichIt = null;                   lastScrollX = 0; lastScrollY = 1;        NS = (document.layers) ? 1 : 0;        IE = (document.all) ? 1: 0;        function heartBeat() {  if(screen.width <= 800)  	{    return false;  	}	            if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }            if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }            if(diffY != lastScrollY) {                        percent = .1 * (diffY - lastScrollY);                        if(percent > 0) percent = Math.ceil(percent);                        else percent = Math.floor(percent);                                       if(IE) document.all.floater.style.pixelTop += percent;                                       if(NS) document.floater.top += percent;                         lastScrollY = lastScrollY + percent;            }               if(diffX != lastScrollX) {                        percent = .1 * (diffX - lastScrollX);                        if(percent > 0) percent = Math.ceil(percent);                        else percent = Math.floor(percent);                        if(IE) document.all.floater.style.pixelLeft += percent;                        if(NS) document.floater.left += percent;                        lastScrollX = lastScrollX + percent;                }               }        function checkFocus(x,y) {                 stalkerx = document.floater.pageX;                stalkery = document.floater.pageY;                stalkerwidth = document.floater.clip.width;                stalkerheight = document.floater.clip.height;                if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;                else return false;        }           function grabIt(e) {                if(IE) {                        whichIt = event.srcElement;                        while (whichIt.id.indexOf("floater") == -1) {                                whichIt = whichIt.parentElement;                                if (whichIt == null) { return true; }                    }                        whichIt.style.pixelLeft = whichIt.offsetLeft;                    whichIt.style.pixelTop = whichIt.offsetTop;                        currentX = (event.clientX + document.body.scrollLeft);                        currentY = (event.clientY + document.body.scrollTop);                   } else {                 window.captureEvents(Event.MOUSEMOVE);                if(checkFocus (e.pageX,e.pageY)) {                         whichIt = document.floater;                        StalkerTouchedX = e.pageX-document.floater.pageX;                        StalkerTouchedY = e.pageY-document.floater.pageY;                }                 }            return true;        }                function dropIt() {                whichIt = null;            if(NS) window.releaseEvents (Event.MOUSEMOVE);            return true;        }                if(NS) {                window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);                window.onmousedown = grabIt;                window.onmouseup = dropIt;        }        if(IE) {                document.onmousedown = grabIt;                document.onmouseup = dropIt;        }                if(NS || IE) action = window.setInterval("heartBeat()",1);</script><div id=floater style="position:absolute; left:785px; top:10px"><table border="0" cellpadding="0" cellspacing="0"><tr><td>FUNCIONA #@?$%~</td></tr></table></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

entra em www.apy.comtem o tal do 'menu tuner'.. eh otimo! vai nos exemplos lah.. tem um que faz isso.. eh facim :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

neeemm esse aqui ja ta bom... só quero fazer funcionar no mozilla...

 

jah jah acho a resposta...

 

 

entra em www.apy.com

 

tem o tal do 'menu tuner'.. eh otimo! vai nos exemplos lah.. tem um que faz isso.. eh facim :)

<{POST_SNAPBACK}>

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

tem vez que eh melhor começar tudo de novo do que ficar debugando hehehesse menu que eu falei foi o milagre pra mim =D

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