Merubah Warna Latar Belakang Dengan Javascript

Efek latar Belakang atau background effect ini menjadikan tampilan Website Anda menjadi lebih menarik dan anda dapat memanipulasi tampilannya sesuai dengan keinginan. Efek Latar Belakang biasanya digunakan oleh seorang pengembang web untuk lebih mempercantik tampilan halamannya.

Tampilan warna latar belakang sebuah website biasanya bersifat statis artinya anda tidak dapat merubah warna latar belakang yang sudah ada. Kadang hal tersebut menimbulkan kebosanan karena tampilan layar begitu-begitu saja. Skrip program berikut memberikan pilihan bagi Anda untuk merubah warna latar belakang sesuai dengan keinginan.
 <html> <head> <title>Merubah Warna Latar Belakang</title> <script language="Javascript"> <!- Merah=5 Hijau=0 Biru=0 warnalatarbelakang="#000000" <!-fungsi untuk konversi desimal ke heksadesimal-> function Konversi(Nil) { warna=["0","1","2","3","4","5","6","7","8","9", "a","b","c","d","e","f"]; return(warna[nil]; } <!-fungsi untuk mengatur warna latar belakang-> functionsetLatarBelakang(Nilai) { if(Nilai==1) { if(Merah<15) { Merah=Merah+1; } } if(Nilai==2) { if(Hijau<15) { Hijau=Hijau+1; } } if(Nilai==3) { if(Biru<15) { Biru=Biru+1; } } if(Nilai==4) { if(Merah>0) { Merah=Merah-1; } } if(Nilai==5) { if(Hijau>0) { Hijau=Hijau-1; } } if(Nilai==6) { if(Biru>0) { Biru=Biru-1; } } warnalatarbelakang="#"+Konversi(Merah)+"0" +Konversi(Hijau)+"0"+Konversi(Biru)+"0"; <!-set warna latar belakang-> document.bgColor=warnalatarbelakang } //-> </script> </head> <body> <table border="1"width="53%"> <tr> <td width="100%"> Table Warna Latar Belakang</td> </tr> </table> <table border="1"width="53%"> <tr> <td width="11%"><input type="button"value" +Merah" onclick="setLatarBelakang(1)"></td> <td width="11%"><input type="button"value" -Merah" onclick="setLatarBelakang(4)"></td> <td width="10%"><input type="button"value=" +Hijau" onclick="setLatarBelakang(2)"></td> <td width="10%"><input type="button"value=" -Hijau" onclick="setLatarBelakang(5)"></td> <td width="9%"><input type="button"value=" +Biru" onclick="setLatarBelakang(3)"></td> <td width="49%"><input type="button"value=" -Biru" onclick="setLatarBelakang(6)"></td> </tr> </table> <table border="1"width="53%"> <tr> <td width="100%"> Pilih '+"atau'-'terus menerus untuk merubah warna latar belakang </td> </tr> </table> </body> </html> 
Buka situs ini http://centricle.com/tools/html-entities, terus isikan kode-kode anda ke dalam kotak yang disediakan, dan kalau sudah tekan tombol "Decode", maka anda akan mendapatkan script baru untuk diposting di blog ANDA.

Untuk merubah warna latar belakang, Anda dapat klik tombol-tombol warna yang ada.Pada program skrip diatas, digunakan tiga warna utama yang dasar yaitu merah, hijau biru. Karena dari ketiga warna itulah warna-warna lain terbentuk. Sehingga anda dapat seperti mencampur ketiga warna tersebut secara acak sesuai keinginan.

Selamat Mencoba !!!

BloG Information about health issues

Kesehatan I Computer I Internet I Bisnis Online I Tips Trik Blog

Merubah Warna Latar Belakang Dengan Javascript

0 comments:

Recent Post

Labels

Archives