Ir para conteúdo

Arquivado

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

leandro martins

Indo para esquerda - efeito

Por , em Javascript

Recommended Posts

leandro martins    0

leandro martins
Postado

No site do Imasters Intercon tem aquele efeito que a pagina vai para a direita correndo suavemente e depois aumenta a velocidade, mas quando peço para voltar para o inicio ele volta rapido como se tivesse uma ancora, e não usa o efeito, ou seja o efeito só funciona pra direita.

 

Agora como posso adicionar no meu codigo para ele ir tb para esquerda (ou seja tb voltar com efeito)

 

O código que vai para direita é esse

 

function movTo(px){	if(document.body.scrollLeft<=px || !(document.body.scrollLeft+ac>=px))	{  document.body.scrollLeft = document.body.scrollLeft+ac;  ac = ac+Math.abs((Math.sin((document.body.scrollLeft/px)*6))*(px/1000));  setTimeout("movTo("+px+");",20);	}	else	{  document.body.scrollLeft = px;  ac = 1;	}}

Compartilhar este post

Link para o post
Compartilhar em outros sites

dhiogo    0

dhiogo
Postado

kra... posso estar enganado... mas no "scrollLeft" qdo você trabalha com "+" (adição), você caminha pra esquerda... caso você trabalhe com "-" subtração, você anda para a Direita...naum estou MUITO certo disso...mas num custa nada tentar neh?![]s

Compartilhar este post

Link para o post
Compartilhar em outros sites

renanfog    0

renanfog
Postado

galera....usem o document.scrollBy(deslocamento horizontal, deslocamento vertical)Pra mandar pra esquerda, coloquem um indice negativo..pra mandar só pra baixo, passem zero no primeiro, e um valor no segundoE pra criar o efeito da animação, usem o setTimeout... :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

renanfog    0

renanfog
Postado

p****, cara...

fui fazer um exemplo pra você e acabei apanhando um pouco, vamos ver se alguem aqui consegue ajudar..

eu queria recuperar o tamanho da pagina, com o document.body.clientWidth, mas no firefox ele retornava a minha resolução (1024), enquanto no IE vinha o tamanho do conteudo, já que eu coloquei um texto enorme sem quebra de linha pra fazer ela crescer... dai tentei com um div e no firefox continuou igual, o div ficou com 100% da resolução e quem estourou foi o conteudo... a solução que eu achei para isso foi colocar numa tabela (ecaaa), mas só como exemplo mesmo, eu fiz só pra você ter uma idéia, um exemplo..

 

segue o código, talvez esteja com erros ainda, nem vi testei muito: :D

 

não repara o conteudo, é lixo, só pra explodir o tamanho

 

<html><head><script type="text/javascript">	function verTotal(){  return document.getElementById("container").offsetWidth;	}	var pos=0;	var timer;	function scrollJanela(param){  if (((pos >= verTotal()) && (param == 'right')) || ((pos <= 0) && (param == 'left'))) {  	clearTimeout(timer);  	(param == 'right') ? (pos = verTotal()) : (pos = 0);  }else{  	dir = 50;  	if (param == "left") dir *= -1;  	window.scrollBy(dir, 0);  	pos += dir;  	timer = setTimeout("scrollJanela('" + param + "')", 30);  }	}</script><style type="text/css">table{	font-family:Verdana;	font-size:10px;	font-weight:bold;}</style></head><body><table id="container"><tr><td>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<a href="java script:scrollJanela('right');">Scroll_pra_direita</a>0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2_3_4_5_6_7_8_9_0_1_2<a href="java script:scrollJanela('left');">Scroll_pra_esquerda</a><a href="java script:alert(verTotal());">Tamanho Total</a><br /><br /><div id="lipsum"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris variusegestas odio. Vestibulum ante ipsum primis in faucibus orci luctus etultrices posuere cubilia Curae; Duis eu lectus. Morbi bibendum semvitae quam. In vulputate justo nec ante. Quisque suscipit lacus.Quisque gravida tincidunt metus. Sed at sem vel neque scelerisqueviverra. Vestibulum vestibulum aliquam lacus. Maecenas consectetuerporta lectus. In consectetuer. Morbi a tellus a turpis vulputate porta.</p><p>Mauris at nisl. Curabitur eros risus, malesuada nec, viverra non,tristique at, eros. Nunc dignissim. Nunc augue libero, auctor eget,imperdiet semper, imperdiet a, eros. Aenean purus leo, ullamcorper sitamet, molestie non, laoreet sed, nisi. Pellentesque egestas, urna egethendrerit mollis, risus augue porttitor magna, in consequat pede liberoid justo. Vestibulum vehicula ornare leo. Aenean in sem. Nullam nonnisl vitae diam vestibulum laoreet. Sed porta porta tortor. Integersodales ligula sit amet nulla. Vivamus viverra. Etiam vulputate, enimac varius condimentum, orci lectus facilisis nulla, et condimentum diamneque a nibh. Vestibulum non quam ut dui feugiat convallis. Donecvulputate, erat id auctor facilisis, mauris justo rutrum metus, vitaepellentesque turpis nulla congue massa. Nunc fermentum. Pellentesquetempus posuere magna. Nam non pede.</p><p>Nulla a sapien. Pellentesque neque purus, sagittis euismod, lobortisvitae, vestibulum posuere, ipsum. Curabitur risus leo, tempor in,convallis vel, dignissim eu, ligula. In a mauris ac est fermentumultricies. Pellentesque quam sem, convallis vel, molestie et, euismodvitae, orci. Suspendisse nibh. Donec sed ipsum. Etiam aliquet, nisl acbibendum tincidunt, mauris odio tristique arcu, ac scelerisque antepurus ut erat. Vestibulum a arcu non odio tempus lobortis. Duis mollismalesuada tortor. Sed vulputate neque vitae sapien. Etiam laoreet enimnon lectus. Etiam ipsum nunc, euismod eu, bibendum id, malesuada et,diam. Pellentesque lorem.</p><p>Morbi elementum, dolor in pellentesque fermentum, libero enimultricies enim, at scelerisque lectus velit ut leo. Mauris lacus. Doneceleifend. Aliquam aliquet lobortis diam. Ut odio felis, feugiat in,mollis at, varius nec, diam. Vivamus risus. Quisque pellentesque cursuslibero. Fusce consequat tempus orci. Cum sociis natoque penatibus etmagnis dis parturient montes, nascetur ridiculus mus. Mauris turpismauris, pretium sit amet, lacinia quis, ultricies a, dui.</p><p>Vivamus magna urna, mattis et, vulputate consectetuer, ornare id,felis. Nam eu purus ut neque bibendum hendrerit. Vestibulum massa. Cumsociis natoque penatibus et magnis dis parturient montes, nasceturridiculus mus. Vestibulum sit amet tellus. Suspendisse sed mauris. Ineget pede a dui eleifend dapibus. Etiam quis massa vel leo tinciduntluctus. Nunc risus elit, sodales a, bibendum gravida, eleifend eget,nisi. Maecenas nec nisi. Nullam non lectus nec metus euismod fermentum.Proin ut elit. Vivamus imperdiet condimentum justo. Aliquam turpis. Sedante. Vestibulum dolor ipsum, sollicitudin at, porta quis, sollicitudinac, pede. In et leo vel arcu pulvinar porta. Praesent eros magna,condimentum vel, bibendum ac, convallis vel, erat. Nulla in ipsum etelit pharetra euismod.</p></div></td></tr></table></body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

heltonweb    0

heltonweb
Postado

Poxa galera ... faz um tempão que estou procurando esse script !Mas nao estou entendendo ...como eu coloco ele na minha página? Como fasso ele funcionar?Valeu galera !

Compartilhar este post

Link para o post
Compartilhar em outros sites

FeSZ    0

FeSZ
Postado

O Meu menu Vai mas não volta !!? ele esta indo corretamente, e voltando se uso o java script: movTo(0); porem se tento volta-lo atraves da barra de rolagem ele não deixa e qdo solto a barra ele retorna ao local !!

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