Pada kali ini kita belajar mengganti warna background pada browser menggunakan javascript.
Pilihan warna yang berada didalam kotak beberapa macam, yaitu : red,yellow, dan green.
Arahkan kursor mouse anda diatas kotak warna secara bergantian dan lihat efeknya.
Arahkan kursor diatas kotak!
Red : layar menjadi berwarna merah walaupun kursor dipindahkan posisinya.
Yellow : layar menjadi berwarna kuning walaupun kursor dipindahkan posisinya.
Green : layar menjadi berwarna hijau dan berganti putih saat kursor dipindahkan posisinya.
Copy code JavaScript berikut ini pada notepad atau dreamweaver kemudian simpan dengan nama
background.html Jalankan script tersebut pada browser anda.
<html>
<head>
<script type="text/javascript">function bgChange(background)
{
document.body.style.background=background;
}
</script>
</head>
<body>
<b>Arahkan kursor diatas kotak!</b>
<table width="300" height="50">
<tr>
<td onmouseover="bgChange('red')" onmouseout="bgChange('red')"bgcolor="red">
</td>
<td onmouseover="bgChange('yellow')" onmouseout="bgChange('yellow')"
bgcolor="yellow">
</td>
<td onmouseover="bgChange('green')" onmouseout="bgChange('transparent')"
bgcolor="green">
</td>
</tr>
</table>
Selamat mencoba
0 komentar:
Posting Komentar