يتغير رمز المثال الذي يغير النمط عندما يحصل مربع النص على التركيز

ملخص: يرغب العديد من المصممين الذين يقدرون تجربة المستخدم في إضافة تركيز الحصول على التركيز أو تأثير تبديل النمط عند تحوم الماوس. في الواقع ، الأمر بسيط للغاية. تقدم هذه المقالة كيفية تبديل الأنماط عند الحصول على التركيز.

يأمل العديد من المصممين الذين يقدرون تجربة المستخدم في إضافة تركيز التركيز أو تأثير تبديل النمط عندما يحصلون على التركيز أو تحوم الماوس. في الواقع ، الأمر بسيط للغاية. تقدم هذه المقالة كيفية تبديل الأنماط عند الحصول على التركيز.

نسخ رمز رمز على النحو التالي:

وظيفة FocusInput (FocusClass ، NormalClass) {

varings = document.getElementSbyTagName ("input") ؛

لـ (var i = 0 ؛ i <elements.length ؛ i ++) {

if (عناصر [i] .type! = "button" && elements [i] .type! = "submit" && elements [i] .type! = "reset") {

// if_f (عناصر [i] .type == "text") {{

العناصر [i] .onfocus = function () {this.className = FocusClass ؛} ؛

عناصر [

}

}

}

window.onload = function () {

FocusInput ('FocusInput' ، 'NormalInput') ؛

}

نسخ رمز رمز على النحو التالي:

<type type = "text/css">

.NormalInput {الحدود: 1PX Solid #CCC ؛}

.focusinput {الحدود: 1px الصلبة #ffd42c ؛}

</style>