Résumé: De nombreux concepteurs qui apprécient l'expérience utilisateur souhaitent ajouter l'objectif de l'objectif ou l'effet de commutation de style lorsque la souris survole. En fait, c'est très simple. Cet article présente comment changer les styles lors de l'obtention de l'objectif.
De nombreux concepteurs qui apprécient l'expérience utilisateur espèrent ajouter l'objectif de l'orientation ou l'effet de commutation de style lorsqu'ils obtiennent l'attention ou le plan de la souris. En fait, c'est très simple. Cet article présente comment changer les styles lors de l'obtention de l'objectif.
Copier le code du code comme suit:
Fonction focusInput (FocusClass, normalClass) {
VARIngs = document.getElementsByTagName ("Input");
pour (var i = 0; i <elements.length; i ++) {
If (elements [i] .type! = "Bouton" && elements [i] .type! = "Soumi" && elements [i] .type! = "Reset") {
// if_f (elements [i] .type == "text") {{
Elements [i] .onfocus = function () {this.classname = focusclass;};
Elements [i] .OnBlur = fonction () {this.classname = normalClass || '';};
}
}
}
window.onload = function () {
FocusInput («focusInput», «normalInput»);
}
Copier le code du code comme suit:
<Style type = "text / css">
.NormalInput {Border: 1px solide #ccc;}
.FocusInput {Border: 1px solide # ffd42c;}
</ style>