التعامل مع المؤثر blur في مكتبة jquery

[محروم.كوم]

اليوم نتعامل مع المؤثر blur
وهو احد الاحداث الهامة والمميزة بهذه المكتبة

نبدا ببسم الله
اول شيىء المثال وبعده نشرح
رمز Code:





span {display:none;}


blur fire

blur fire




ملاحظة:
استخدمنا في مثالنا هذا مربعي نص
رمز Code:

رمز Code:

$(document).ready(function(){


هيدي صارت معروفة وهي بداية الدالة
رمز Code:
$("input").blur(function () {
وهنا دالة استدعاء الحدث blur
مع مربعات الادخال
رمز Code:
رمز Code:
$(this).next("span").css('display','inline').fadeO ut(1000);
الان نركز قليلا هنا
نركز على الوسم span
أي كل شيىء بين الوسم span هو الذي سوف يتم اظهاره

رمز Code:
css('display','inline').
هذا السطر سوف نشرحه لاحقا حتى لا تختلط الامور على المبتدئين

رمز Code:
fadeOut(1000);
وهنا التحكم بسرعة blur

ارجو وان يكون الشرح واضحا

رابط الدرس الاصلي
http://dev-sy.com/vb/showthread.php?p=168#post168

التطبيق بالمرفقات

الملفات المرفقة blur.zip (15.9 كيلوبايت) __DEFINE_LIKE_SHARE__