Tombol interaktif. Coba aja source code dibawah ini :
tombol_interaktif.html
<html>
<head>
<title>Tombol Interaktif</title>
<style type="text/css">
input.normal {
background-color : #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border-width : 1px;
}
input.efek {
background-color : #FFFFFF;
border-color:#CCFF99;
border-style:inset;
border-width:5px;
}
</style>
</head>
<body>
<form name="form1" method="post" action="">
<input class="normal" onMouseOver="className='efek';"
onmouseout="className='normal';"
type="submit" name="Submit" value="Simpan"><br><br>
<input class="normal" onMouseOver="className='efek';"
onmouseout="className='normal';"
type="reset" name="Reset" value="Reset">
</form>
</body>
</html>
selesai... selamat mencoba!!!
0 Comments
Apabila ada pesan maupun saran silahkan berbagi dan memberikan komentar sobat di sini. Sebelumnya Terimakasih :)