Membuat Tabel Berubah Warna Saat Diarahklan Mouse

Membuat Tabel Berubah Warna Saat diarahkan Mouse atau Tabel dengan Efek Hover sepertinya ini cukup menarik dimana, baris tabel akan secara otomatis menyeleksi alias berubah warna saat salahsatu baris lainnya sobat arahkan mouse.
Masih Bingung maksudnya bagaimana, silahkan liat demonya disini, Langsung lho Mirip kan?..

Ato liat tabel berikut:

JUDUL 1 JUDUL 2
ISI Kolom 1 Baris 2 Link 1
Isi Kolom 1 Baris 3 Link 2

Untuk Menerapkan Tutorial ini saya rasa tida begitu Sulit,, cukup ikuti aturan mainnya berikut ini, Cara Membuat Tabel Dengan Efek Hover :
  • Buatlah sebuah Postingan yang nantinya ingin diinputkan beberapa tabel.
  • Untuk membuat tabelnya, silahkan tulis naskah dalam format Edit HTML, jangan Compose.
  • Pastekan Kode Berikut :
<table border="0" cellpadding="10" cellspacing="5" heiht="50pt" style="width: 100%;"><tbody>

<tr bgcolor="#7293ff">  
<td ><b>JUDUL 1</b></td> 
<td ><b>JUDUL 2</b></td>  
</tr>

<tr bgcolor="#98c6ff"onmouseover="this.style.backgroundColor='#9d9d9d';" onmouseout="this.style.backgroundColor='#98c6ff';">
<td >ISI Kolom 1 Baris 2</td>
<td ><a href="http://fs-galery.blogspot.com">Link 1</a></td> 

<tr bgcolor="#98c6ff"onmouseover="this.style.backgroundColor='#9d9d9d';" onmouseout="this.style.backgroundColor='#98c6ff';">          
<td>Isi Kolom 1 Baris 3</td>   
<td ><a href="http://fs-galery.blogspot.com">Link 2</a></td>
</tr>
  •  Warna Merah adalah warna Tabel dasarnya, diharapkan disamakan aja, sedangkan warna Biru adalah warna hovernya dan warna hijau adalah link jika diperlukan
  • Setelah Selesai, silahkan Disimpan
Mudah bangetkan membuat Tabel dengan Efek Hovernya? silahkan anda kembangkan sesuai kreasi anda sendiri.. Keywords : Membuat Tabel Menarik, Membuat Tabel dengan efek hover, membuat tabel berubah warna saat diarahkan mouse.
JUDUL 1 JUDUL 2
ISI Kolom 1 Baris 2 Link 1
Isi Kolom 1 Baris 3 Link 2

0 komentar:

No Spam
And
Live Link