Ir para conteúdo

Arquivado

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

schumacker

scroll com pause

Por , em Javascript

Recommended Posts

schumacker    0

schumacker
Postado

O código abaixo do Scroll funciona direitinho!

 

<HTML><HEAD><META http-equiv=Content-Type content="text/html; charset=windows-1252"><script language=JavaScript1.2>var message= new Array()message[0]="No no no no 1|No no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no nono no no no no no no no no no no FINAL 1|http://www.microsoft.com"message[1]="No no no no 2|No no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no nono no no no no no no no no no no FINAL 2|http://www.seulink.com.br"message[2]="No no no no 3|Jogue seu ICQ, ComVc e Cia. no lixo! No no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no no nono no no no no no no no no no no FINAL 3|http://www.odigo.com"var scrollerheight=300 // alturavar scrollerwidth=300 // arguravar scrollertop=20var scrollerleft=20var scrollerpadding=10var backgroundborder=0var scrollerbgcolor="ffffff"// Títulovar font_titleface="Verdana"var font_titlecolor="000000"var font_titlesize=1// Mensagemvar font_copyface="Verdana"var font_copycolor="66666"var font_copysize=1// Velocidadevar standstillfix=3000// Do not edit below this linevar cliptop=0var clipbottom=scrollerheight-2*scrollerpaddingvar clipleft=0var clipright=scrollerheightvar i_message=0var mes_joinedvar mes_splitvar contenttextvar contentbgvar totalheight=scrollerheight*(message.length)var i_height=0var step=1var pause=20var standstillflex=0function initiate(){	contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"	contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"	for (i=0;i<=message.length-1;i++) {  mes_joined=message[i]  mes_split=mes_joined.split("|")  contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"	}	contenttext+="</table>"		contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>"		if (document.all) {  scrollertext.innerHTML=contenttext  scrollerbg.innerHTML=contentbg  document.all.scrollertext.style.posTop=scrollertop  document.all.scrollertext.style.posLeft=scrollerleft  document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding  document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding  document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"	}	if (document.layers) {  document.scrollertext.document.write(contenttext)  document.scrollertext.document.close()  document.scrollerbg.document.write(contentbg)  document.scrollerbg.document.close()  document.scrollertext.top=scrollertop  document.scrollertext.left=scrollerleft  document.scrollerbg.top=scrollertop-scrollerpadding  document.scrollerbg.left=scrollerleft-scrollerpadding	  document.scrollertext.clip.left=clipleft        document.scrollertext.clip.right=clipright        document.scrollertext.clip.top=cliptop        document.scrollertext.clip.bottom=clipbottom	}	scroll()}function scroll(){	standstillflex=standstillfix	if (document.all){  if (i_height<scrollerheight) { 	 i_height+=step 	 cliptop+=step 	 clipbottom+=step 	 document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 	 document.all.scrollertext.style.posTop-=step 	 var timer=setTimeout("scroll()",pause)  }  else { 	 if (document.all.scrollertext.style.posTop<=-(totalheight)) {    document.all.scrollertext.style.posTop=scrollertop    cliptop=0    clipbottom=scrollerheight-2*scrollerpadding    document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"    standstillflex=0 	 } 	 i_height=0 	 clearTimeout(timer) 	 var timer=setTimeout("scroll()",standstillflex)  }	}	  if (document.layers){ 	 if (i_height<scrollerheight) {    i_height+=step    cliptop+=step    clipbottom+=step    document.scrollertext.clip.left=clipleft          document.scrollertext.clip.right=clipright          document.scrollertext.clip.top=cliptop          document.scrollertext.clip.bottom=clipbottom    document.scrollertext.top-=step    var timer=setTimeout("scroll()",pause) 	 }  else { 	 if (document.scrollertext.top<=-(totalheight)) {    document.scrollertext.top=scrollertop    cliptop=0    clipbottom=scrollerheight-2*scrollerpadding    document.scrollertext.clip.left=clipleft          document.scrollertext.clip.right=clipright          document.scrollertext.clip.top=cliptop          document.scrollertext.clip.bottom=clipbottom    standstillflex=0 	 } 	 i_height=0 	 clearTimeout(timer) 	 var timer=setTimeout("scroll()",standstillflex)  }	}}</SCRIPT><STYLE>A { COLOR: #aa0000 }A:hover { COLOR: #ff0000 }</STYLE></HEAD><BODY text=#000000 vLink=#000000 aLink=#000000 link=#000000 bgColor=#ffffff onload=initiate()><DIV id=scrollerbg style="POSITION: absolute; TOP: -1000px"></DIV><DIV id=scrollertext style="POSITION: absolute; TOP: -1000px"></DIV></BODY></HTML>

O problema é, que eu preciso que o tamanho desse sroll seja de Largura 219 e altura 113 para encaixar na área do site.

 

Mas quando altero o campo abaixo para as dimensões que preciso, a largura fica menor do que e estipulei e o texto aparece cortado...

 

De

var scrollerheight=300 // alturavar scrollerwidth=300 // argura
Para

var scrollerheight=113 // alturavar scrollerwidth=219 // argura
O que deve ser a mais para alterar???

 

 

:wacko:

Compartilhar este post

Link para o post
Compartilhar em outros sites

FabricioGomes    0

FabricioGomes
Postado

nessa parte do codigo// Do not edit below this linevar cliptop=0var clipbottom=scrollerheight-2*scrollerpaddingvar clipleft=0var clipright=scrollerheightsubstitui a ultima linha por:var clipright=scrollerwidth-2*scrollerpaddingeu gostei desse código... Valeu

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