Koleksi Javascript Mas Arul

Arahkan pointer mouse antum kedalam tabel

Tabel Atraktif

Background tabel ini

akan berubah warna

jika antum mengarahkan pointer mouse

kedalam tabel ini

Scriptnya :

Letakkan script ini setelah tag <head>
<script language="javascript">
function sbar (st) { st.style.backgroundColor = '#99CCFF'; }
function cbar (st) { st.style.backgroundColor = ''; }
</script>

lalu letakkan script dibawah ini setelah tag <Body>
<center>
	<table width="30%" bgcolor="#666666" border="0" cellpadding="0" cellspacing="0">
	<tbody>
        <tr>
          <td>
            <table width="100%" border="0" cellpadding="1" cellspacing="1">
              <tbody>

              <tr align="middle" bgcolor="#5258c7">
                <td><b><font size="2" color="#ffffff" face="Verdana, Arial">
		JUDUL</font></b></td></tr>
              <tr style="" onmouseover="sbar(this)" onmouseout="cbar(this)" bgcolor="#eeeeee"><td><font size="2" face="Verdana, Arial">
			ISI TABEL (FUNGSI HTML)
		</font></td></tr>
              <tr style="" onmouseover="sbar(this)" onmouseout="cbar(this)" bgcolor="#ffffff"><td><font size="2" face="Verdana, Arial">
		ISI TABEL (FUNGSI HTML)
		</font></td></tr>

              <tr style="" onmouseover="sbar(this)" onmouseout="cbar(this)" bgcolor="#eeeeee"><td><font size="2" face="Verdana, Arial">
			ISI TABEL (FUNGSI HTML)
		</font></td></tr>
              <tr style="" onmouseover="sbar(this)" onmouseout="cbar(this)" bgcolor="#ffffff"><td><font size="2" face="Verdana, Arial">
		ISI TABEL (FUNGSI HTML)
		</font></td></tr>
		</tbody></table></td></tr></tbody></table>

Kembali ke halaman koleksi javascript