Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 

efeito de link

24-04-2007 13:24

olhem nesse site http://www.jeremyboles.com
quando vc clik em um dos links do menu ele vai rodando a tela ate chegar naquela area, primeiramente eu achei que fosse ancora + logo vi qua não era porque ele tem um efeito que faz a tela ir rolando

como fazer então?

abraços
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito de link

24-04-2007 13:41

Cliquei no link contact form e vi como âncora, a mesma coisa pelo código-fonte, está por âncora.
0
A melhor hospedagem para o seu site HostGator!
 

Re: efeito de link

24-04-2007 13:42

Cliquei no link contact form e vi como âncora, a mesma coisa pelo código-fonte, está por âncora.
mas aquele efeito de rolagem de tela como é feito?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito de link

24-04-2007 13:48

não vi esse rolar, em qual link exatamente está isso?
Em que navegador está testando?
0
A melhor hospedagem para o seu site HostGator!
 

efeito de link

24-04-2007 13:51

não vi esse rolar, em qual link exatamente está isso?
Em que navegador está testando?
pode testar tanto no firefox quanto no ie
ao clicar em um dos links do menu

About// work // contact // Blurbs

ele executa essa animação de ir para o lugar que deve ir rolando a tela
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito de link  #resolvido

24-04-2007 14:27

tenta esse:
<div id="staticbuttons" style="position:absolute;"> <a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">cima</a> <br> <a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">baixo</a> </div> <script language="JavaScript"> var Hoffset=70 var Voffset=80 var thespeed=3 // velocidade (1-3) var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1 var myspeed=0 var ieHoffset_extra=document.all? 15 : 0 var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function positionit(){ var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset var dsoctop=document.all? iecompattest().scrollTop : pageYOffset var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight if (document.all||document.getElementById){ cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px" cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px" } else if (document.layers){ cross_obj.left=dsocleft+window_width-Hoffset cross_obj.top=dsoctop+window_height-Voffset } } function scrollwindow(){ window.scrollBy(0,myspeed) } function initializeIT(){ positionit() if (myspeed!=0){ scrollwindow() } } if (document.all||document.getElementById||document.layers) setInterval("initializeIT()",20) </script>

0
A melhor hospedagem para o seu site HostGator!
 

efeito de link

24-06-2007 12:31

tentei uma modificação mas não consegui,
tentei deixar apenas o link "cima" mas em vz de quando o mouse passar sobre eu coloquei pra quando fosse clicado "onClick" mas não deu certo ele não acontece a animação, como fazer?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito de link

25-06-2007 08:35

Esse script ai, necessita que seja onmouseover, se colocar onclick, o visitante terá que clicar e manter o cursor sobre o link.
0
A melhor hospedagem para o seu site HostGator!
 

Re: efeito de link

27-06-2007 09:06

Esse script ai, necessita que seja onmouseover, se colocar onclick, o visitante terá que clicar e manter o cursor sobre o link.
vou explicar a situação,
preciso de um botão no canto direito da página que "role" junto a página, ele será um "ir para o topo" e eu preciso que tenha essa animação, entende?

abraços
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito de link

27-06-2007 16:21

Dá uma olhada nesse artigo abaixo
viewtopic.php?t=659
0
A melhor hospedagem para o seu site HostGator!
 

efeito de link

27-06-2007 23:49

até ai tudo bem cara, só que eu preciso da seguinte forma
que seja apenas como um go to top de "javascript:scroll(0,0);" na kele esquema do canto da tela abaixo direito, mas com uma animação
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito de link

28-06-2007 11:39

Tenta esse
<style type="text/css"> #objeto{ /* FF */ position: fixed; /* posição fixa */ top: 100px; /* distância do topo */ left: 100px; /* distância da esquerda */ height: 100px; /* altura */ width: 100px; /* largura */ background-color: #cccccc; /* cor de fundo */ } * html #objeto{ /* IE */ position: absolute; /* posição do objeto */ top: expression(body.scrollTop + 100 + "px"); /* distância do topo */ left: expression(body.scrollLeft + 100 + "px"); /* distância da esquerda */ height: 100px; /* altura */ width: 100px; /* largura */ background-color: #cccccc; /* cor de fundo */ } </style> <SCRIPT> var t; function top() { if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){ window.scrollBy(0,-50); t=setTimeout('top()',50); } else clearTimeout(t); } </script> <div id="objeto"><a href="#" onclick="top();return false;">TOPO</a></div>

0
A melhor hospedagem para o seu site HostGator!
 

efeito de link

03-07-2007 23:52

maaaaaaaaaaaasa d+ vei :)
abrass
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17502
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito de link

04-07-2007 07:18

¨laughing¨
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado