-
Cómo cambiar el código JavaScript Uso de la barra de desplazamiento del color
-
Una forma de iluminación encima de una página Web es cambiar el color estándar de la barra de desplazamiento que aparece en la parte derecha de la página. El color por defecto para las barras de desplazamiento es de color gris en todos los navegadores web, pero se puede insertar un fragmento de código JavaScript en el HTML (HyperText Markup Language) código de diseño de su página web para cambiar el color. Este código de script le indica al navegador web del usuario para reemplazar los tonos grises de la barra de desplazamiento existente con sus colores elegidos.
Instrucciones
1 Inicie el software de diseño de sitios web, editor de HTML o una herramienta de edición de texto sin formato, como Microsoft Notepad.
2 Abra la página Web en el que desea cambiar el color de la barra de desplazamiento.
3 Desplazarse hasta la sección del cuerpo de la página Web. Este es el texto y el código situado entre la etiqueta "<body>" y el cierre "</ body>" etiqueta de apertura. Haga clic en la página inmediatamente después de la apertura "<body>" etiqueta.
4 Pega el siguiente código en la ubicación de inserción:
<script language = ""> JavaScript1.2
<! -
/
--- Para barras de desplazamiento planas. Colores: Línea 1 -, línea 2 - #ffffff, face1 - # 0066FF, face2 - #ffffff /
función CLRBAR (línea, cara)
{
con (document.body.style)
{
scrollbarDarkShadowColor = línea;
scrollbar3dLightColor = línea;
scrollbarArrowColor = "negro";
scrollbarBaseColor = cara;
scrollbarFaceColor = cara;
scrollbarHighlightColor = cara;
scrollbarShadowColor = cara;
scrollbarTrackColor = "# F3F3F3";
}
}
setColor función ()
{
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
si (x> w) CLRBAR ( "", "# 0066FF"); // Colores de estado activo
else CLRBAR ( "# ffffff", "# ffffff"); // Colores de estado normal
}
si (document.all) {
CLRBAR (null, null);
document.onmousemove = setColor;
}
->
</ Script>
5 Cambie cada atributo de color en el código pegado a sus colores preferidos. El atributo de color es el de seis dígitos de código después de la tecla "#". Se puede utilizar una herramienta selector de color en línea para obtener los códigos de color correctos para sus colores elegidos. En este ejemplo, el color de la cara principal de la barra de desplazamiento es de color naranja con un borde negro.
6 Guarde la página Web editado, y subirlo al servidor de su anfitrión.Consejos y advertencias
- Experimentar con combinaciones de colores para la barra de desplazamiento hasta que estés satisfecho con el aspecto de la página. Si desea devolver la barra de desplazamiento a su color gris por defecto a continuación, eliminar toda la sección de código JavaScript de la página Web.
