| |
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.
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> |
| |
00 |
Días de clase |
00 |
Dás festivos |
|