Membuat Templat Animasi Link Mengganti Background HTML

Bookmark and Share
Membuat templat animasi link berganti warna, dengan memanfaatkan fungsi onmouseover, yaitu jika mouse di gerakan ke arah link akan memberikan sebuah input, dan input ini yang nantinya akan menjalankan sebuah proses, pada script di bawah ini, proses yang akan dijalankan adalah merubah warna latar belakang background website , sesuai dengan input yang di berikan.

<html>
<head>
<title>Membuat templat link berganti warna</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {
    color: #009900;
    font-weight: bold;
}
-->
</style>
</head>

<body>
<table width="392" height="42" border="0">
  <tr>
    <td width="382" height="38"><h1><span class="style1"><marquee behavior="alternate" direction="up" height="40">Backgruond Warna</marquee> </span></h1></td>
  </tr>
</table>
<hr>
<table width="100%" height="37" border="3" cellpadding="0" cellspacing="6" bgcolor="#009900">
  <tr>
    <td width="128"><marquee behavior="alternate"><a href="#" onMouseOver="document.bgColor='Red'">Merah</a>
    </marquee></td>
    <td width="122"><marquee behavior="alternate"><a href="#" onMouseOver="document.bgColor='black'" >Hitam</a></marquee></td>
    <td width="134"><marquee behavior="alternate"><a href="#" onMouseOver="document.bgColor='white'">Putih</a></marquee></td>
    <td width="92"><marquee behavior="alternate"><a href="#" onMouseOver="document.bgColor='yellow'">Kuning</a></marquee></td>
    <td width="112"><marquee behavior="alternate"><a href="#" onMouseOver="document.bgColor='Pink'">Pink</a></marquee></td>
    <td width="133"><marquee behavior="alternate"><a href="#" onMouseOver="document.bgColor='Purple'">Ungu</a></marquee></td>
  </tr>
</table>
</body>
</html>

save as dengan ekstensi *.html (misal:templat.html)

{ 0 komentar... Views All / Send Comment! }

Posting Komentar