Sencilla pregunta, sobre java, plis leeme GRACIAS!
Hola que tal gracias por leerme y no te saco más tiempo, mi pregunta es creo sencilla el tema es el siguiente: quiero hacer unos botones que eh visto por ahí que al pasar el mouse cambia gradualmente a otro color más bajo, como si se nublara esa zona, el cambio de color no es brusco si no gradual, hasta pareciera estar hecho en flash pero no.
Bueno gracias por tu atención y perdona la falta de profesionalidad en el vocabulario (soy medio novato)
Eternas gracias! (Si puedo te remunero con algo, perdona si no, pero lo voy a tener en cuenta)
Bueno gracias por tu atención y perdona la falta de profesionalidad en el vocabulario (soy medio novato)
Eternas gracias! (Si puedo te remunero con algo, perdona si no, pero lo voy a tener en cuenta)
1 respuesta
Respuesta de blackprince
1
Hola, gracias por responderme, el tema es que he visto sitios en los cuales al pasar el mouse sobre "botones" éstos cambian de color gradualmente, es como que se osecurecieran pero no de golpe si no en forma gradual. Es como que se degradara.
Espero que me ayudes plis gracias!
Saludos
Espero que me ayudes plis gracias!
Saludos
Creo que lo que buscas es esto entonces:
<!-- Dos pasos para instalar este boton:
1. Copia el código dentro del HEAD de tu HTML
2. Añade el ultimo código en el BODY de tu HTML
<!-- PASO UNO: pega este codigo en el HEAD
<HEAD>
<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 = " Hola! ";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor+'0'+hexColor+'0c0";', i * 40);
}
}
// End -->
</script>
</HEAD>
<!-- Paso 2: Copia este texto en el BODY de tu html -->
<BODY>
<form name=myForm>
<input type=button name=button value=" Hola! " onMouseOver='mOver()'' onMouseDown='document.myForm.button.value="Thank You!"' onClick='window.location="http://javascript.internet.com"' onMouseOut='mOut()'>
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Tamaño del Script: 1.46 KB -->
Espero haberte ayudado... y recuerda puntuarme bien :)
Estoy por aquí si me necesitas
-Bye
<!-- Dos pasos para instalar este boton:
1. Copia el código dentro del HEAD de tu HTML
2. Añade el ultimo código en el BODY de tu HTML
<!-- PASO UNO: pega este codigo en el HEAD
<HEAD>
<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 = " Hola! ";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor+'0'+hexColor+'0c0";', i * 40);
}
}
// End -->
</script>
</HEAD>
<!-- Paso 2: Copia este texto en el BODY de tu html -->
<BODY>
<form name=myForm>
<input type=button name=button value=" Hola! " onMouseOver='mOver()'' onMouseDown='document.myForm.button.value="Thank You!"' onClick='window.location="http://javascript.internet.com"' onMouseOut='mOut()'>
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Tamaño del Script: 1.46 KB -->
Espero haberte ayudado... y recuerda puntuarme bien :)
Estoy por aquí si me necesitas
-Bye
