Resumen: muchos diseñadores que valoran la experiencia del usuario quieren agregar el enfoque de obtener el enfoque o el efecto de conmutación de estilo cuando el mouse se desplaza. De hecho, es muy simple. Este artículo presenta cómo cambiar los estilos al obtener el enfoque.
Muchos diseñadores que valoran la experiencia del usuario esperan agregar el enfoque del enfoque o el efecto de conmutación de estilo cuando obtienen el foco o el mouse. De hecho, es muy simple. Este artículo presenta cómo cambiar los estilos al obtener el enfoque.
Copiar código del código de la siguiente manera:
Función FocusInput (FocusClass, NormalClass) {
varings = document.getElementsBytagName ("entrada");
para (var i = 0; i <elements.length; i ++) {
If (elements [i] .type! = "Botón" && elements [i] .type! = "Enviar" && elements [i] .type! = "Reiniciar") {
// if_f (elements [i] .type == "texto") {{
Elementos [i] .onfocus = function () {this.className = focusClass;};
Elementos [i] .onblur = function () {this.ClassName = NormalClass ||
}
}
}
window.onload = function () {
FocusInput ('FocusInput', 'NormalInput');
}
Copiar código del código de la siguiente manera:
<Style type = "text/css">
.normalInput {border: 1px solid #ccc;}
.focusInput {border: 1px sólido #ffd42c;}
</style>