Barra scroll
Hace unas semanas te pregunté sobre la barra de scroll. Te recuerdo la pregunta y la respuesta, ya que la he probado y no me funciona. Yo deseo que salgan las letras normales como en la barra de scrol que tiene la web www.cadenaser.com y que al pasar sobre ellas se pare y aparezcan por debajo las líneas indicando que tiene vínculo.
Pregunta: Ya me has resuelto varias preguntas, sobre la barra de scroll que tengo en mi web www.ribadavia.net, la última en la que te solicitaba una caja similar a la de la cadenaser.com, por ahora no lo he subido porque estoy pendiente de cambiar el diseño del index, según la publicidad que vaya a incluir.
Existe la posibilidad de que en esa misma barra se pueda poner las letras como en la cadenaser.com normales y que al pasar el ratón sobre una noticia se paren y aparezca el vínculo. Lo digo porque yo tengo el vínculo fijo y la otra parte letra normal y no consigo que se pare.
En espera de tu respuesta, gracias anticipadas y que sigas ascendiendo puestos en el ranking.
Buen fin de semana.
Tu respuesta:
Hola,
Me alegro de haberte echado una mano las otras veces, espero que esta vez también pueda ayudarte.
Lo de que se pare el scroll y vuelva a empezar se puede hacer en tu código añadiendo las dos siguientes funciones:
function stopScroll(quien) {
quien.setAttribute("scrollAmount",0)
}
function restartScroll(quien){
quien.setAttribute("scrollAmount",speed)
}
Y cambiando el marquee a:
document.write('<marquee onMouseOver="stopScroll(this)" onMouseOut="restartScroll(this)" direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
Básicamente lo que hace es cambiar la velocidad del marque a cero para pararlo y al valor indicado para volverlo a mover.
Lo del tipo de letra no es problema, simplemente pon el contenido que quieras que vaya dentro del marque para que sea como quieras en tipos de letra, tamaños, colores... El contenido es independiente.
Mis datos de la barra de scroll:
<script language="JavaScript1.2">
// ancho
var marqueewidth=280
// alto
var marqueeheight=80
// velocidad
var speed=1
// contenido
var marqueecontents='<font color=white face="Arial"><small><strong>Na sección de "Zonas de Interés" existe información sobre todolos concellos da </strong><a href="gal/zoas/denominacion_orixe_ribeiro.htm">Denominación de Orixe Ribeiro</a>.<p> </p><strong>Alúgase ático na rúa Eduardo Chao Fernández, nº 1, 4º </strong><a href="gal/guia/varios/atico_antonia_davies.htm">Edificio Carballal</a>.<p> </p><strong>Véndese Local Comercial na rúa Eduardo Chao Fernández, nº 1, baixo </strong><a href="gal/guia/varios/local_comercial_antonia_davies.htm">Edificio Carballal</a></font>'
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>
Disculpa que te envíe tanto texto.
Pregunta: Ya me has resuelto varias preguntas, sobre la barra de scroll que tengo en mi web www.ribadavia.net, la última en la que te solicitaba una caja similar a la de la cadenaser.com, por ahora no lo he subido porque estoy pendiente de cambiar el diseño del index, según la publicidad que vaya a incluir.
Existe la posibilidad de que en esa misma barra se pueda poner las letras como en la cadenaser.com normales y que al pasar el ratón sobre una noticia se paren y aparezca el vínculo. Lo digo porque yo tengo el vínculo fijo y la otra parte letra normal y no consigo que se pare.
En espera de tu respuesta, gracias anticipadas y que sigas ascendiendo puestos en el ranking.
Buen fin de semana.
Tu respuesta:
Hola,
Me alegro de haberte echado una mano las otras veces, espero que esta vez también pueda ayudarte.
Lo de que se pare el scroll y vuelva a empezar se puede hacer en tu código añadiendo las dos siguientes funciones:
function stopScroll(quien) {
quien.setAttribute("scrollAmount",0)
}
function restartScroll(quien){
quien.setAttribute("scrollAmount",speed)
}
Y cambiando el marquee a:
document.write('<marquee onMouseOver="stopScroll(this)" onMouseOut="restartScroll(this)" direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
Básicamente lo que hace es cambiar la velocidad del marque a cero para pararlo y al valor indicado para volverlo a mover.
Lo del tipo de letra no es problema, simplemente pon el contenido que quieras que vaya dentro del marque para que sea como quieras en tipos de letra, tamaños, colores... El contenido es independiente.
Mis datos de la barra de scroll:
<script language="JavaScript1.2">
// ancho
var marqueewidth=280
// alto
var marqueeheight=80
// velocidad
var speed=1
// contenido
var marqueecontents='<font color=white face="Arial"><small><strong>Na sección de "Zonas de Interés" existe información sobre todolos concellos da </strong><a href="gal/zoas/denominacion_orixe_ribeiro.htm">Denominación de Orixe Ribeiro</a>.<p> </p><strong>Alúgase ático na rúa Eduardo Chao Fernández, nº 1, 4º </strong><a href="gal/guia/varios/atico_antonia_davies.htm">Edificio Carballal</a>.<p> </p><strong>Véndese Local Comercial na rúa Eduardo Chao Fernández, nº 1, baixo </strong><a href="gal/guia/varios/local_comercial_antonia_davies.htm">Edificio Carballal</a></font>'
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>
Disculpa que te envíe tanto texto.
1 respuesta
Respuesta de gandalf26
1