[FadingButton]

[Kompatibilität]

[zwischen <HEAD> und </HEAD>]

<style>
.button { background-color: #c0c0c0;}
</style>

<script language="JavaScript">

<!-- Begin
hexColor = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
function mOver() {
for (i = 0; i < 13; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[12-i]+'0'+hexColor[12-i]+'0c0";', i * 40);
   }
}
function mOut() {
document.myForm.button.value = "  DrückMich!  ";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40);
   }
}
//  End -->
</script>

[zwischen <BODY> und </BODY>]

<form name=myForm>
<input type=button name=button value="  DrückMich!  " onMouseOver='mOver()'' onMouseDown='document.myForm.button.value="Danke"' onClick='window.location="#"' onMouseOut='mOut()'>
</form>

[Autor]

Aidan Samuel

[Download]

kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 0129