Make your own free website on Tripod.com

Principal Imágenes curso Vuestras webs Comentarios Contenido Buscar

Marquesina
Adm. titulares Contadores Botones Marquesina Campo confirm. Incluir página Imágen programada Página programada Sustitucion Categorias Formulario busqueda Tabla contenido

 

Arriba

La marquesina es otro de los componentes de FrontPage que consiste en un texto que se desplaza de izquierda a derecha de la página en ventana del navegador. Se trata de una prestación propietaria de Microsoft, no soportada por todos los navegadores. Tripod, el alojamiento que hemos elegido para las prácticas del curso, tampoco soporta este componente, por lo que no podrás practicarlo desde FrontPage (verás la opción desactivada).

Aún así, puedes incluir una marquesina mediante inserción directa de su código HTML que es el siguiente:

<marquee border="1" behavior="alternate" bgcolor="#FFFF00" loop="2">Esta marquesina alterna el 
desplazamiento con el deslizamiento, repite este efecto dos veces y utiliza un color de fondo 
amarillo para resaltar la marquesina del texto circundante.
</marquee>

Puedes reemplazar el texto dentro de las etiquetas HTML (en negrita) por tu propio texto.

Esta marquesina alterna el desplazamiento con el deslizamiento, repite este efecto dos veces y utiliza un color de fondo amarillo para resaltar la marquesina del texto circundante.


Alternativas cross-browser

Existen varias alternativas cross-browser, esto es, que funcionan en todos los navegadores.

Una de ellas es incluyendo el siguiente código javascript. Pégalo en la parte de tu página donde quieras que aparezca utilizando la opción de menú: Insertar - Avanzadas - HTML... Es preferible que abras este fichero de texto que contiene el código del script y copies el texto desde ahí, a fin de evitar saltos de línea o formatos indeseados que puedan invalidar el script. Los elementos configurables se encuentran resaltados en color amarillo y el valor que efectivamente puedes modificar  en color naranja. No modifiques nada más o el script dejará de funcionar, eso en el mejor de los casos. En el peor, puede hacer que tu página sea ilegible o aparezcan una sucesión de errores.

<script language="JavaScript1.2">
<!--Ancho de la Marquesina -->
var marqueewidth=300
<!--Alto de la Marquesina -->
var marqueeheight=19
<!--Velocidad del texto -->
var marqueespeed=3
<!--Color de fondo de la Marquesina -->
var marqueebgcolor="#FFFFFF"

var pauseit=1

<!--Aquí tu texto -->
var marqueecontent='<nobr><font face="Verdana" size=2>Gracias por visitar 
<a href="http://142009pc13.tripod.com" target="_blank">142009pc13.tripod.com</a>. 
Como ves puedes insertar enlaces y otras etiquetas HTML en esta <b>marquesina cross-browser</b></font></nobr>
'


marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) 
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
else
cross_marquee.style.left=marqueewidth+8

}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=marqueewidth+8
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

 

Noviembre

L M X J V S D
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

Diciembre

L M X J V S D
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          

00 Días de clase
00 Dás festivos

 

Enviar correo electrónico a  ferguweb@mixmail.com con preguntas o comentarios sobre este sitio Web.
Última modificación: 23 de December de 2002