[TUTORIAL] Barra de rolagem com animação

Ir para baixo

[TUTORIAL] Barra de rolagem com animação Empty [TUTORIAL] Barra de rolagem com animação

Mensagem por BrunoH. 18.04.14 14:57


[TUTORIAL] Barra de rolagem com animação Magic

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

[TUTORIAL] Barra de rolagem com animação Img128
[TUTORIAL] Barra de rolagem com animação 110111SetaAssunto 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.
[TUTORIAL] Barra de rolagem com animação 110210SetaConteúdo da mensagem- Aqui fica o código que foi trabalhado no passo anterior.




© Fórum dos Fóruns & Crazy


[TUTORIAL] Barra de rolagem com animação Act_bottom 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
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos