[JavaScrip] Scroll de noticias !

Bueno aki les dejo un scroll de notiicias para que usen 1


Como usarlo?
1º vas a controlar paginas
2º activas la opcion de html
3º guardas la pagina donde aprarecera el scrol sin desactivar la opcion de html

Código:

<script language="Javascript" type="text/Javascript">
/*****************************************************************************
Scroll de noticias con foto. script creado por Tunait! (27/3/2004)
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
tunait@yahoo.com
******************************************************************************/
var ancho = 500 //anchura del cuadro
var alto = 240 //altura del cuadro
var marco = 1 //0 para que notenga marco (borde)
var fondo = '#FFFFFF' //color de fondo del cuadro
var pausilla = 2000 //tiempo de la pausa en milisegundos (2000 = 2 segundos)
var cursor = "default;"  //cursor que se quiera sobre el cuadro
var colTitular = '#006699' //color del texto del titular
var colTexto = '#999999' // color del texto de la noticia
var colFecha = '#3399FF' //color del texto de la fecha
var colEnlace = '#660000' //color del texto del enlace
var fuente = "arial" //fuente para los textos
var tamTitular = '14' //tamaño de la fuente del titular
var tamTexto = '12' //tamaño de la fuente del texto de la noticia
var tamFecha = '10' // tamaño de la fuente de la fecha
var tamEnlace = '11' // tamaño de la fuente del enlace
var alinImagen = 'center'//alineación de la imagen
var margImagen = '3'//margen alrededor de la imagen
var masInfo = true //Determina si se usa o no el enlace. true para usarlo. false para omitirlo
var poneFecha = true //true para poner fecha. false para omitirla. Si no se quiere fecha, dejar las comillas vacías ""

function noticia(titular,texto,fecha,enlace,destino,imagen)
  {
  this.titular = titular
  this.texto = texto
  this.imagen = imagen
  this.fecha= fecha
  this.enlace = enlace
  this.destino = destino
  }
var noticias = new Array()

noticias[0]= new noticia("Perico de los palotes se compra un perro.","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","12/5/03","http://www.yahoo.es/","_blank","")
noticias[1]= new noticia(" Bartolo nunca tuvo una flauta. En realidad era una tuba. ","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","15/5/03","#","_blank","2.gif")
noticias[2]= new noticia("El caballo blanco de Santiago era blanco.","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","17/5/03","http://www.altavista.com/","_blank","3.gif")
noticias[3]= new noticia("Quien a buen arbol se arrima se arriesga a que le caiga un rayo.","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","23/5/03","http://www.forosdelweb.com/","_blank",null)
noticias[4]= new noticia ("Descubierto que 'andando' además de gerundio provoca cansancio.","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","2/6/03","http://www.maestrosdelweb.com/","_blank",null)
noticias[5]= new noticia ("Ultima hora: Kojak debe su calvicie a la ausencia de pelo.","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","5/6/03","#","_blank",null)
noticias[6]= new noticia("El perro de Perico se come la flauta del Bartolo y éste le reclama un palote.","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","7/6/03","#","_blank",null)
noticias[7]= new noticia("Ahora se cree que los Reyes Magos en realidad eran tres.","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","2/8/03","#","_blank",null)


var det = false
var hayIma, claseIma
function escribe(){
document.write ('<div id="mami" style="width:' + ancho + 'px; height:' + alto + 'px; position:relative;  overflow:hidden ">')
document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + '" height="100%"><tr><td valign="top">')
document.write ('<div id="uno" style="top:' + alto +'px; width:' + ancho + 'px; height:' + alto + 'px;  ">')
document.write ('<div class="titular">')
document.write (noticias[0].titular)
document.write ('</div>')
if(noticias[0].imagen != null){
  hayIma = true
  claseIma = 'imagen'
  }
else{
  hayIma = false
  claseIma = 'noImagen'
  }
document.write ('<div class="' + claseIma + '">')
document.write ('<img src="' + noticias[0].imagen + '">')
document.write ('</div>')
document.write ('<div class="fecha">')
document.write (noticias[0].fecha)
document.write ('</div>')
document.write ('<div class="texto">')
document.write (noticias[0].texto)
document.write ('</div>')
if(masInfo == true){
  document.write ('<a class="enlace" href="')
  document.write (noticias[0].enlace)
  document.write ('" target="' + noticias[0].destino + '">más información...</a>')
  }
document.write ('</div>')
document.write ('<div id="dos" style="top:' + (alto*2) +'px; width:' + ancho + 'px; height:' + alto + 'px; ">')
document.write ('<div class="titular">')
document.write (noticias[1].titular)
document.write ('</div>')
if(noticias[1].imagen != null){
  hayIma = true
  claseIma = 'imagen'
  }
else{
  hayIma = false
  claseIma = 'noImagen'
  }

document.write ('<div class="' + claseIma + '">')
document.write ('<img src="' + noticias[1].imagen + '">')
document.write ('</div>')
document.write ('<div class="fecha">')
document.write (noticias[1].fecha)
document.write ('</div>')
document.write ('<div class="texto">')
document.write (noticias[1].texto)
document.write ('</div>')
if(masInfo == true){
  document.write ('<a class="enlace" href="')
  document.write (noticias[1].enlace)
  document.write ('" target = "' + noticias[1].destino + '">más información...</a>')
  }
document.write ('</div>')
document.write('</td></tr></table>')
document.write ('</div>')
if(navigator.appName == "Netscape")
{altoUno = document.getElementById('uno').offsetHeight}
else
{altoUno = document.getElementById('uno').clientHeight}
document.getElementById('uno').onmouseover =function(){
  det = true
  clearTimeout(tiempo)
  }
document.getElementById('uno').onmouseout =function(){
  det = false;
  clearTimeout(tiempo)
  escrolea()
  }

document.getElementById('dos').onmouseover =function(){
  det = true
  clearTimeout(tiempo)
  }
document.getElementById('dos').onmouseout =function(){
  det = false;
  clearTimeout(tiempo)
    escrolea()
 
  }
}
desp = 1
var cont = 1
var pos,pos2
function escrolea(){
pos = document.getElementById('uno').style.top
pos = pos.replace(/px/,"");
pos = pos.replace(/pt/,"");
pos = new Number(pos);
pos2 = document.getElementById('dos').style.top
pos2 = pos2.replace(/px/,"");
pos2 = pos2.replace(/pt/,"");
pos2 = new Number(pos2);
pos -= desp
pos2 -= desp

if (pos == desp){
  var contenidos = ""
  document.getElementById('dos').style.top = alto + "px"
  document.getElementById('dos').childNodes[0].firstChild.nodeValue  = noticias[cont].titular
  if(noticias[cont].imagen != null){
      document.getElementById('dos').childNodes[1].firstChild.src = noticias[cont].imagen
      document.getElementById('dos').childNodes[1].className = 'imagen'
      }
  else{
      document.getElementById('dos').childNodes[1].className = 'noImagen'
      }
  if(poneFecha == true){
  document.getElementById('dos').childNodes[2].firstChild.nodeValue  = noticias[cont].fecha
  }
  document.getElementById('dos').childNodes[3].firstChild.nodeValue  = noticias[cont].texto
      if(masInfo == true){
      document.getElementById('dos').childNodes[4].href = noticias[cont].enlace
      document.getElementById('dos').childNodes[4].href = noticias[cont].destino
      }
  document.getElementById('uno').style.top = 0
  if(cont == noticias.length-1)
      {cont=0}
  else{
      cont++
      }
  pausa()
  return false
  }
else{
  if (pos2 == desp){
      var contenidos = ""
      document.getElementById('uno').style.top = alto + "px"
      document.getElementById('uno').childNodes[0].firstChild.nodeValue  = noticias[cont].titular
      if(noticias[cont].imagen != null){
      document.getElementById('uno').childNodes[1].firstChild.src = noticias[cont].imagen
      document.getElementById('uno').childNodes[1].className = 'imagen'
      }
  else{
      document.getElementById('uno').childNodes[1].className = 'noImagen'
      }
      if(poneFecha == true){
      document.getElementById('uno').childNodes[2].firstChild.nodeValue  = noticias[cont].fecha
      }
      document.getElementById('uno').childNodes[3].firstChild.nodeValue  = noticias[cont].texto
      if(masInfo == true){
      document.getElementById('uno').childNodes[4].href  = noticias[cont].enlace
      document.getElementById('uno').childNodes[4].href  = noticias[cont].destino
      }
      document.getElementById('dos').style.top = 0
      if(cont == noticias.length-1)
      {cont=0}
  else{
      cont++
      }
      pausa()
      return false
      }
  else{
      document.getElementById('uno').style.top = pos + "px"
      document.getElementById('dos').style.top = pos2 + "px"
      }
  }
tiempo = window.setTimeout('escrolea()',50)
}
var tiempo
function pausa()
{
clearTimeout(tiempo)
if (det == false){
  tiempo = setTimeout ('continuar()',2000)
  }
}
function continuar()
{
if(det == false)
  {escrolea()}
}

document.write('<style type="text/css">')
document.write ('#uno {')
document.write ('color: #006699;')
if(cursor == "pointer" || cursor == "hand"){
cursor = (navigator.appName == "Netscape")?'pointer;':'hand;';
}
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('#dos {')
document.write ('color: #006699;')
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('.titular{')
document.write ('color:' + colTitular +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamTitular + 'px;font-weight:bold}')
document.write ('.texto{')
document.write ('color:' + colTexto + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamTexto + 'px;}')
if(poneFecha == true){
document.write ('.fecha{')
document.write ('color:' + colFecha +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamFecha + 'px;font-weight:bold}')
}
else{
document.write ('.fecha{display: none;}')
}
document.write ('.enlace{')
document.write ('color:' + colEnlace + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamEnlace + 'px;}')
document.write ('.imagen{')
document.write ('text-align:' + alinImagen + ';')
document.write ('margin: ' + margImagen + 'px;}')
document.write ('.noImagen{display:none;}')
document.write ('</style>')
</script>
</head>

<body topmargin="30" marginheight="0" onload="escrolea()">
<div align="center">
  <p>
    <script>escribe()</script>
  </p>
</div>

Como se ve !




Saludos !