Javascript - Barra de Scroll dinamica
Códigos Javascript
este codigo consigue cambiar el color de la barra de scrol al presionar con el mouse un enlace o al pasarlo por encima.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <style>
- body{
- scrollbar-base-color: #C0C0C0
- }
- </style>
- <script>
- function cambia_color(C){
- if (document.all){
- document.body.style.scrollbarBaseColor = C
- }
- }
- </script>
- Al hacer click<br>
- <a href="javascript:cambia_color('#FF0000')">Rojo</a><br>
- <a href="javascript:cambia_color('#FF8000')">Naranja</a><br>
- <a href="javascript:cambia_color('#FFFF00')">Amarillo</a><br>
- <a href="javascript:cambia_color('#00FF00')">Verde</a><br>
- <a href="javascript:cambia_color('#4444FF')">Azul</a><br><br>
- Al pasar el mouse<br>
- <a href="#" onMouseOver="cambia_color('#FF0000')">Rojo</a><br>
- <a href="#" onMouseOver="cambia_color('#FF8000')">Naranja</a><br>
- <a href="#" onMouseOver="cambia_color('#FFFF00')">Amarillo</a><br>
- <a href="#" onMouseOver="cambia_color('#00FF00')">Verde</a><br>
- <a href="#" onMouseOver="cambia_color('#4444FF')">Azul</a><br>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Barra de Scroll dinamica" href="http://www.tutores.org/codigo/682/" target="_blank">Barra de Scroll dinamica</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Barra de Scroll dinamica" href="http://www.tutores.org/codigo/682/" target="_blank">Barra de Scroll dinamica</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS