Barras de desplazamiento...

Hola educito, me gustaría que me informaras sobre unas barras de desplazamiento que he visto. Estoy haciendo una página web y no quisiera poner las barras de desplazamiento normales de windows sino unas que he visto (p. Ej.), son una flecha que apunta arriba y otra abajo, y al colocar el puntero encima desplaza el texto en esa dirección.
¿Es muy complicado eso? ¿Dónde puedo buscar? ¿Podrías darme un ejemplo?
Muchas gracias desde ya.
Un saludo

1 Respuesta

Respuesta
1
La verdad que las barra screloadores es difícil de hacer si te mando el ejemplo ocupas modificar los parámetros el tamaño de l are aque va a despalazar, ¿esas qué viste esta en flash?
Bueno es que ahí es más fácil, pero si no es en flash hay una manera de hacerlo con dreameweaver, solo metete a www.macromedia.com
y metete a la sección de extenciónes de dreameweaver y bajale la extensión de las barras escroleadoras esa extensión te ayuda,
bueno espero te pueda servir esto, si quieres el ejemplo de flash, dime a donde te lo mando, cualquier duda con migo please.
Gracias por la respuesta.
Al final usé este código que copié de una página:
<html>
<head>
<title>prueba</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFCC66" text="#000000">
<div id="Layer1" style="position:absolute; left:5px; top:0px; width:100px; height:29px; z-index:1; background-color: #CC99CC; layer-background-color: #CC99CC; border: 1px none #000000">
<td bgcolor=#CC0066 width=97 height=83 valign="top"><A HREF="javascript://" ONMOUSEOVER="scroll_up()" ONMOUSEOUT="no_scroll()" class=EnlBlBold><img src="ico_down.gif" width=22 height=22 border="0" align="middle"></A><A HREF="javascript://" ONMOUSEOVER="scroll_dn()" ONMOUSEOUT="no_scroll()" class=EnlBlBold><img src="ico_up.gif" width=22 height=22 border="0" align="middle"></A></td>
</div>
<td bgcolor=#FF6699 width=97 height=83 valign="top"> </td>
<div id="mover" style="position:absolute; left:5px; top:30px; width:100px; height:786px; z-index:0; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000">
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b>Comienza</b><br>
</font><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Esta es
una prueba para probar el código. A ver si funciona como quiero. Esta
es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.<br>
</font><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Esta es
una prueba para probar el código. A ver si funciona como quiero. Esta
es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.
Esta es una prueba para probar el código. A ver si funciona como quiero.<br>
<b>Acaba </b></font></p>
</div>
<SCRIPT LANGUAGE="JavaScript">
var dyn = (document.layers || document.all) ? true : alert(msg);
var nav = (document.layers) ? true : false;
var iex = (document.all) ? true : false;
var lft = 100;
var pos = 30;
var stp = 5;
var spd = 1;
var upr = -(mover.clientHeight-500);
var lwr = 30;
var tim;
function scroll_up() {
var upr = -(mover.clientHeight-500);
if(pos > upr) pos -= stp;
do_scroll(pos);
tim = setTimeout("scroll_up()", spd);
}
function scroll_dn() {
var upr = -(mover.clientHeight-500);
if(pos < lwr) pos += stp;
do_scroll(pos);
tim = setTimeout("scroll_dn()", spd);
}
function do_scroll(pos) {
if(iex) document.all.mover.style.top = pos;
if(nav) document.mover.top = pos;
}
function no_scroll() {
clearTimeout(tim);
}
</script>
</body>
</html>
Las 2 imágenes no están, pero funciona igual. Posiblemente te pregunte cosas más adelante, porque de flash no se casi nada.
Un saludo desde Canarias, y ahora voy a visitar tu espacio web.
Hasta pronto y gracias por tu tiempo.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas