Pages

Ads 468x60px

Senin, 19 Oktober 2009

Menciptakan Efek Warna pada Scroll Bar

Setiap kali melihat scroll bar, pasti warnanya itu-itu juga! bagaimana supaya kita bisa memvariasikan warna pada scroll bar sehingga berbeda dengan yang selama ini kita pakai? Dengan javascript di bawah ini, kita bisa melakukan beberapa variasi warna sekaligus menciptakan sedikit "gaya" karena scroll bar bisa berkelap-kelip berubah warna! Pokoknya ditanggung cantik, dah !!!

1. Ikuti langkah dalam gambar berikut :

KLIK gambar



<script language="JavaScript1.2">
<!--
//Visit bloggershar-bloggerstars and bloggerstuars.blogspot.com
/*--[IE 5.5 Scrollbars colorer]--*/
function scrollBar(line,face,theme)
{
if (!line||!face)
{
line=null;
face=null;
switch(theme) // Predefined themes
{
// silahkan untuk melakukan perubahan warna di kode-kode warna di bawah ini
case "blue":
var line="#010744";
var face="#0119fe";
break;
case "orange":
var line="#FBBB37";
var face="#FFF9DF";
break;
case "red":
var line="#967f8e";
var face="#53193a";
break;
case "green":
var line="#00C600";
var face="#D1EED0";
break;
case "neo":
var line="#BC7E41";
var face="#EFE0D1";
break;
}
}
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="red";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#a0a5a6";
}
}
/*--[Pointer coordinates catcher]--*/
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w||y-3>h) scrollBar('#000080','#BFDFFF'); // Your colors
else scrollBar(null,null,"red"); // A predefined theme
}
if (document.all){
scrollBar(null,null,"orange");
document.onmousemove=colorBar;
}
function offscreen(){
scrollBar(null,null,"green");
}
document.onmouseout=offscreen;
//-->
</script>



2. Modifikasi warna dan penerapan warna :

- Ubahlah kode warna untuk memilih warna yang disukai.
- Ganti KODE berikut dengan warna yang dikehendaki. Contohnya sbb :(null,null,"red") menjadi (null,null,"blue")
(KODE ini terdapat dalam rangkaian KODE di atas) !

Good Luck for you and ... Sugeng ma(t)karyo !!!!

0 komentar:

Posting Komentar