<=========|
|=========>
Pagi yang udh ngerti atau udh master jangan d ketawain ya postingan saya ni,, soalnya saya masih blajar... ^_^ ^_^
Codescript ini secara dinamis mengubah warna background link di halaman situs. Kontrol warna menggunakan onMouseOver, onMouseOut, onClick, dan kombinasi dari semua itu.
Letakkan kode di antara <body> dan </ body> di halaman HTML dimana kita ingin link muncul. Edit teks link yg diberikan untk titik di halaman yang ingin kita buka.
Langkah 1 : Gunakan kode ini untuk mengubah warna latar belakang ketika pengguna mouse tempat link.
<a href="link.htm" onMouseOver="document.bgColor='#ffffff'">Link Text</a>
Langkah 2 : Gunakan kode ini untuk mengubah warna latar belakang ketika pengguna menghilangkan mouse dari atas link (onMouseOut).
<a href="link.htm" onMouseOut="document.bgColor='#00ff00'">Link Text</a>
Langkah 3 : Gunakan kode ini untuk mengubah warna latar belakang ketika pengguna mengklik link (onClick).
<a href="link.htm" onClick="document.bgColor='#0000ff'">Link Text</a>
Langkah 4 : Gunakan kode ini untuk mengubah warna latar belakang dua kali, terus ketika pengguna tempat mouse di atas link, kemudian ketika pengguna mengambil mouse dari link (onMouseOver dan onMouseOut).
<a href="link.htm" onMouseOver="document.bgColor='#ff0000'"> onMouseOut="document.bgColor='#00ff00'">Link Text</a>
Langkah 5 : Gunakan kode ini untuk mengubah warna latar belakang tiga kali, terus ketika pengguna tempat mouse di atas link, kemudian ketika pengguna mengambil mouse dari link, dan ketika pengguna mengklik pada link (onMouseOver, onMouseOut, dan onClick).
<a href="link.htm" onMouseOver="document.bgColor='#ffff00'" onMouseOut="document.bgColor='#00ff00'" onClick="document.bgColor='#0000ff'">Link Text</a>
Untuk "link.htm" bisa kita ganti dgn alamat link yg kita tuju, contohnya :
<a href="link.htm" onMouseOver="document.bgColor='#ffffff'">Link Text</a>
Menjadi :
<a href="http://geoweek.wordpress.com" onMouseOver="document.bgColor='#ffffff'">Geoweek</a>
Untuk kode warna Background yg brwarna merah bisa kita ganti sesuai dgn warna kesukaan kita...
Tidak ada komentar:
Posting Komentar