Colorare le Scroll bar, ed altri effetti

Colorare le Barre di Scroll : Si possono Usare Diversi Metodi , qui sotto i Vari esempi !

FUNZIONA SOLO SU INTERNET EXPLORER

Per ottenere questo effetto adopera il codice per il foglio di stile che trovi indicato a fianco ed inseriscilo nell'intestazione della pagina tra <head> e </head>

<style type='text/css'>
BODY{
scrollbar-arrow-color: lightgray;
scrollbar-3dlight-color: #888888;
scrollbar-highlight-color: #000000;
scrollbar-face-color: #0080FF;
scrollbar-shadow-color: #0000FF;
scrollbar-darkshadow-color: #FF0000;
scrollbar-track-color: #0000AA;
}
</style>

Con Base Unica :

<STYLE>BODY {
SCROLLBAR-BASE-COLOR: #809677
}
</STYLE>

Effetti MouseOver sullo Scroll

Al passaggio del Mouse

1) Effetto 1.

2) Effetto 2. (in entrata niente, solo all' uscita del mouse)

3) Effetto 3.

4) Effetto 4.

5) Effetto 5.

Scroll Effetto Lampeggiante:

...:: Vedi esempio! ::...

<html>
<head>
<script>
var rate = 333;
var Avvia = true
var Colore1 = "#FF0000"
var Colore2 = "#FFFF00"
var Colore3 = "#0000FF"
var ColoreX = "#C0C0C0"

var i = 0;
function Arcobaleno(){
if (document.all){
if (Avvia){
i++;
if (i==1) C = Colore1
if (i==2) C = Colore2
if (i==3) C = Colore3
document.body.style.scrollbarBaseColor = C
if (i>2) i=0;
timer=setTimeout('Arcobaleno()', rate)
}else{
document.body.style.scrollbarBaseColor = ColoreX
}
}
}

</script>
</head>
<body onload="Arcobaleno()">
</body>
</html>

scrollBar

nascondere la barra di scroll

Nota: In questo modo le barre di scroll non appariranno mai sulla pagina. Utile se usate i FRAMES e IFRAME

Un piccolo Script per nascondere e visualizzare le Barre di Scroll, in alcuni casi può essere Utile.

<html>
<script language=javascript>
function hidden()
{document.body.style.overflow='hidden';}
function unhidden()
{document.body.style.overflow='';}
</script>
<body>
<form>
<input type="button" value="scrollbars no" onclick="hidden()"><br>
<input type="button" value="Scrollbars Si" onclick="unhidden()">
</form>
</body>
</html>

Inserire la Barra di Scroll a SX

1° esempio:

nel tag" <HTML DIR="rtl">

nel body: <DIV DIR="ltr">

2° esempio:

direttamente nel Tag" <body dir=rtl>

...:: Vedi esempio ! ::...