[TUTORIAL] Barra de rolagem com animação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Barra de rolagem com animação

Mensagem por BrunoH. em 18/04/14, 10:57 am



Barra de rolagem com animação

As vezes desejamos chamar atenção de um usuário, para o final do fórum, ou até mesmo o meio do fórum.
Com este javascript, a barra de rolagem vai descer lentamente para o final do fórum.


--> Tutoriais, dicas e astúcias <--
Barra de rolagem com animação



- Código a ser utilizado:
Código:
<SCRIPT language=JavaScript1.2>

var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
/*alt=1
else
alt=0*/ /*esta parte faz com que volte para o topo.*/
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit()
{
setInterval("scrollwindow()",130) /*ESTA PARTE É A VELOCIDADE Q O TEXTO VAI ANDAR, ESSE NÚMERO QUANTO MAIO, MENOR A VELOCIDADE.*/
}
window.onload=initialize
</SCRIPT>


- Aplicação do código:
Aceda à:
Painel de controle -> Visualização -> Home Page -> Geral

SetaAssunto da mensagem Representa o título da mensagem da home page, ele será sempre em maior destaque do que os outros textos É permitido o uso de códigos HTML neste campo.
SetaConteúdo da mensagem- Aqui fica o código que foi trabalhado no passo anterior.




© Fórum dos Fóruns & Crazy


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Barra de rolagem com animação
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum