merubah background, cara background blog, merubah warna,
contoh java script, cara merubah background, merubah warna background,
membuat background di blog, cara buat button, cara buat background di
blog, buat background, blogger background html
Adakalanya
kita menginginkan suatu objek background(Form, Table, textarea, body,
dll) bisa berubah-rubah warna saat mouse berada pada objek tersebut(
mouse hover) dan berubah warna lagi saat mouse keluar dari objek tersebut(
Mouse out). Tentunya kita bisa melakukan hal ini dengan menggunakan kode javascript, untuk itu bagaimana langkah-langkah Cara Mengubah Warna Background Dengan Javascript berikut kita simak bersama-sama.
Oke, pada contoh dibawah ini kita akan mengubah warna background sebuah table, warna background akan berubah pada saat
mouse hover dan akan berubah warna lagi pada saat
mouse out.
<html>
<head>
</head>
<body>
<table border=1 width=500 bgcolor="blue">
<tr>
<td onmouseover="this.bgColor='green' " onmouseout="this.bgColor='blue' ">Example</td></tr>
<tr>
<td onmouseover="this.bgColor='green' " onmouseout="this.bgColor='blue' ">Example2</td>
</tr></table>
</body></html>
Live Demo :
Contoh selanjutnya kita akan
mengubah warna background halaman website pada saat sebuah button di klik
<html><head>
<script>
function change(){document.bgColor="lightgreen";}
</script>
</head>
<body>
<input type="button" onclick="change()" value="change">
</body></html>
Live Demo
Klik
disini
Dan selanjutnya silahkan di kembangkan sendiri sesuai keinginan dan kreatifitas masing-masing.
