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 de educito
1
1
educito, Diseño y desarrollo web Unidad de Multimedia Instruccional...
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.