Ver Mensaje Individual
  #6 (permalink)  
Antiguo 08/07/2005, 10:10
Avatar de Gaby_Corr
Gaby_Corr
 
Fecha de Ingreso: junio-2005
Mensajes: 672
Antigüedad: 18 ańos, 11 meses
Puntos: 0
ay no salio todo el codigo , si kieres lo pongo tooooodo, es mucho a ver si se ve, (a ver si no me la rayan por que esta muy grande el codigo oks )
(es un ejemplo de la pag de tunait)
Código:
/*****************************************************************************
Scroll de noticias. Script creado por Tunait! (21/8/2003)
Última modificación 27/3/04 se ańade la opción de omitir las fechas
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/
[email protected] 
******************************************************************************/
//  **** SCROLL DE NOTICIAS ****

var ancho = 250 //anchura del cuadro
var alto = 120 //altura del cuadro
var marco = 0 //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 destino = "_blank" //target en donde se quiera que se carguen los enlaces, en caso de usarlos.
var cursor = "default;"  //cursor que se quiera sobre el cuadro
var colTitular = '#CB36C6' //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 = '#CB36C6' //color del texto del enlace
var fuente = "arial" //fuente para los textos 
var tamTitular = '12' //tamańo de la fuente del titular
var tamTexto = '10' //tamańo de la fuente del texto de la noticia
var tamFecha = '9' // tamańo de la fuente de la fecha
var tamEnlace = '9' // tamańo de la fuente del enlace 
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)
	{
	this.titular = titular
	this.texto = texto
	this.fecha= fecha
	this.enlace = enlace
	this.destino = destino
	}
var noticias = new Array()

noticias[0]= new noticia("Exito en Expo Ser Mujer.","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.mx/","_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")
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")
//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")
//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")
//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")
//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")
//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")


var det = false
function escribe(){
document.write ('<div id="mami" style="width:' + ancho + '; 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 +'; width:' + ancho + ' height:' + alto + 'px;  ">')
document.write ('<div class="titular">')
document.write (noticias[0].titular)
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="' + destino + '">más información...</a>')
	}
document.write ('</div>')
document.write ('<div id="dos" style="top:' + (alto*2) +'; width:' + ancho + ' height:' + alto + 'px; ">')
document.write ('<div class="titular">')
document.write (noticias[1].titular)
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 = "' + 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
	document.getElementById('dos').childNodes[0].firstChild.nodeValue  = noticias[cont].titular
	if(poneFecha == true){
	document.getElementById('dos').childNodes[1].firstChild.nodeValue  = noticias[cont].fecha
	}
	document.getElementById('dos').childNodes[2].firstChild.nodeValue  = noticias[cont].texto
	if(masInfo == true){
		document.getElementById('dos').childNodes[3].href = noticias[cont].enlace 
	}
	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
		document.getElementById('uno').childNodes[0].firstChild.nodeValue  = noticias[cont].titular
		if(poneFecha == true){
		document.getElementById('uno').childNodes[1].firstChild.nodeValue  = noticias[cont].fecha
		}
		document.getElementById('uno').childNodes[2].firstChild.nodeValue  = noticias[cont].texto
		if(masInfo == true){
		document.getElementById('uno').childNodes[3].href  = noticias[cont].enlace
		}
		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
		document.getElementById('dos').style.top = pos2
		}
	}
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: #CB36C6;')
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: #CB36C6;')
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 + ';font-weight:bold}')
document.write ('.texto{')
document.write ('color:' + colTexto + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamTexto + ';}')
if(poneFecha == true){
document.write ('.fecha{')
document.write ('color:' + colFecha +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamFecha + ';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 + ';}')
document.write ('</style>')

// ****************************************************

Última edición por tunait; 08/07/2005 a las 10:15 Razón: Meter el código en BBcode y restaurar créditos