Come modificare il JavaScript utilizzando barra di scorrimento a colori

June 26

Un modo per ravvivare una pagina Web è quella di cambiare il colore standard della barra di scorrimento che appare sul lato destro della pagina. Il colore predefinito per le barre di scorrimento è grigio in tutti i browser Web, ma è possibile inserire un frammento di codice JavaScript nel codice HTML (HyperText Markup Language) codice di progettazione della pagina Web per cambiare il colore. Questo codice di script istruisce il browser Web dell'utente per sostituire le tonalità grigie della barra di scorrimento esistente con i tuoi colori scelti.

istruzione

1 Avviare il software di progettazione sito web, editor HTML o uno strumento di editor di testo come Blocco note.

2 Aprire la pagina Web in cui si desidera cambiare il colore della barra di scorrimento.

3 Scorrere fino alla sezione del corpo della pagina Web. Questo è il testo e il codice che si trova tra l'apertura "<body>" tag e la chiusura "<body />" tag. Fare clic sulla pagina subito dopo la "<body>" tag di apertura.

4 Incollare il seguente codice nella posizione di inserimento:

<script language = ""> JavaScript1.2

<! -

/

--- Per le barre di scorrimento piane. Colori: line1 -, line2 - #ffffff face1 - # 0066FF, face2 - #ffffff /

Funzione clrBar (linea, viso)

{

con (document.body.style)

{

scrollbarDarkShadowColor = line;

scrollbar3dLightColor = line;

scrollbarArrowColor = "nero";

scrollbarBaseColor = faccia;

scrollbarFaceColor = faccia;

scrollbarHighlightColor = faccia;

scrollbarShadowColor = faccia;

scrollbarTrackColor = "# F3F3F3";

}

}

Funzione setColor ()

{

var w = document.body.clientWidth;

var h = document.body.clientHeight;

var x = event.clientX;

var y = event.clientY;

if (x> w) clrBar ( "", "# 0066FF"); // Colori di stato attivo

altro clrBar ( "# ffffff", "# FFFFFF"); // Colori di stato normale

}

if (document.all) {

clrBar (null, null);

document.onmousemove = setColor;

}

->

</ Script>

5 Cambiare ogni attributo colore nel codice incollato ai vostri colori preferiti. L'attributo colore è a sei cifre-codice che segue il tasto "#". È possibile utilizzare uno strumento colore-picker on-line per ottenere i codici colore corretto per i colori scelti. In questo esempio, il principale colore volto della barra di scorrimento è di colore arancione con un bordo nero.

6 Salvare la pagina web ranking, e caricarlo sul server del vostro host.

Consigli e avvertenze

  • Esperimento con combinazioni di colori per la barra di scorrimento fino a quando non sei felice con l'aspetto della pagina. Se si vuole riportare la barra di scorrimento per il suo colore grigio predefinito quindi eliminare l'intera sezione di codice JavaScript nella pagina Web.