| Sección
"Java Scripts" |
|
Lección
24 |
Scroll
de noticias en una tabla con imagen de fondo.
Para lograr este efecto, pones la página en HTML,
(Si usas el
programa Front Page accionando la opción que se encuentra al pie de la página, sobre la
izquierda), y copias el código que te escribo en la casilla de
abajo, tal cual como está debajo de la palabra <Body>,
que encontrarás en la parte superior de tu página.
<div align="center">
<table border="0" cellpadding="10" cellspacing="0" style="font-family:
MS Sans Serif; font-size:
12 pt; color: #FFFFFF" background="s.fondo1.jpg">
<tr>
<td>
<script language="JavaScript1.2">
// ancho
var marqueewidth=150
// alto
var marqueeheight=80
// velocidad
var speed=1
// contenido
var marqueecontents='Este es un scroll de noticias. El mismo es una de las 60 rutinas que constan en el programa Depósito, y puedes bajar ingresando por el enlace que se halla al pie de esta página.</a>.<p> </p>Buena suerte y que puedas aprovechar este magnífico script!!!!</small></a></font>'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+'
style="width:'+marqueewidth+';
height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>
</td>
</tr>
</table>
</div>
</center>
|
|
Lo que pinté con azul corresponde a las leyendas que se van rotando y
apareciendo en la pantalla. Tú escribes lo que
desees.
Con rojo pinté el nombre de la
fuente que deseas utilizar para tú scroll de
noticias, y en verde pinté la altura de las
letras que quieres para el scroll.
Con violeta pinté el código
correspondiente al color de las letras, lo puedes
modificar de acuerdo a la
tabla de colores.
Con color naranja pinté el nombre
de la imagen de fondo de la tabla, la cual puedes
reemplazar por otra tuya.
El valor que pinté con gris
corresponde al ancho del scroll de noticias, tú
lo modificas como desees. Y con marrón pinté la
altura del scroll, le puedes modificar ese valor a
gusto.
Aquí copio nuevamente el código con
opción para seleccionarlo, cortar y pegar en tu
sitio.
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccionar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Esto
es lo que debes pegar donde dice <Body>
en el HTML de tu página:
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Recordemos
que este Script también puede ser hallado en el
programa Depósito, el cual puedes bajar de aquí:
webtutorial.com.ar
Buena
suerte.
|
