موضوعنا اليوم حول 20 مؤثر اجاكس احترافي
و من لا يعرف الاجاكس
<<
AJAX : هذا الاختصار يعني
Asynchronous JavaScript and XML
فائده الأجاكس هي امكانيه ارسل بيانات او استقبال بيانات بدون تحديث الصفحه
>>
بسم الله نبدأ
1. Image Menu
Image Menu هو طريقة سهلة لعرض قائمة صورية بشكل افقي . عندما تضع المؤشر على رابط ما سيظهر باقي الصورة بشكل جميل و جذاب و هي متوافقة مع جميع المتصفحات
مثال | كود المؤثر
ImageFlow .2
ImageFlow هي وسيلة اخرى لعرض الصور بطريقة جميلة و احترافية و مما يميزها اكثر انها تضيف انعكاس للصور reflection
مثال | كود المؤثر
3. Instant.js
اذا كنت تبحث عن اضافة خلفيات ، او تدوير الصور بزاوية معينة و تاثيرات اخرى لصورك بدون الحاجة الى الفوتوشوب ، فعليك ب Instant.js .
مثال | كود المؤثر
4. Glassbox
تستطيع اضافة شفافية للحدود الخارجية مثل ويندوز فيستا عن طريق Glassbox
مثال | كود المؤثر
5. Search Field CSS/JS
الاكمال التلقائي لمحرك بحث الموقع احد اهم المتطلبات في الوقت الحالي ، و هذا المؤثر يوفر لك ذلك بطريقة جميلة بقليل من ال CSS و ال Javascript .
مثال | كود المؤثر
6.Protoload
تحميل النصوص و الصور دون الانتقال بين الصفحات كان شيئا يشبه المستحيل في الماضي ، و لكن الآن اصبح موضة للمواقع الحديثة باستعمال Protoload
مثال | كود المؤثر
7. jwysiwyg
jwysiwyg هو اسهل و ابسط محرر نصوص بحجم لا يتجاوز 7kb !!
مثال | كود المؤثر
8. jquery.biggerlink 2
هذه الاضافة خاصة بمكتبة ال jquery و مهمتها تكبير الروابط لتصبح واضحة و قابلة للنقر
مثال | كود المؤثر
9. jQuery Tag Suggestion
اقتراح الوسوم (tags) نراه كثيرا في المواقع الكبيرة ، و هو يشبه الاكمال التلقائي كثيرا ، هذه اضافة اخرى تقوم بهذا الغرض ببساطة و سهولة كبيرين .
مثال | كود المؤثر
10. Facebox
نافذة صغيرة تفتح داخل الصفحة بطريقة جميلة ، جذابة ، و سهلة الاستعمال !
مثال | كود المؤثر
11. Humanized Messages
هي اضافة انيقة لـjquery فهي تومض عند الضغط على شيئ انت تحدده ، شاهد المثال لتتوضح الامور اكثر .
مثال | كود المؤثر
12. LightWindow v2.0
LighWindow يعتبر من اكثر المؤثرات شهرة ، حيث يوفر على زوارك عناء الانتقال بين الصفحات لرؤية صورة ، او نص او حتى فيديو ، اذ انه يقوم بفتحها في نافذة داخلية (اي داخل الصفحة )
مثال | كود المؤثر
13. Unobtrusive Table Actions
اضافة فريدة من نوعها لانها تضيف تاثيرات رائعة للجداول كتحديد صف او عمود و الفرز حسب مقدار معين ، و ميزات اخرى ستراها بنفسك عند التجربة .
مثال | كود المؤثر
14. jQuery checkbox
هذه الاضافة تضيف بعض التغيير على ازرار الاختيار radio buttons كما هو موضح في الصورة و المثال .
مثال | كود المؤثر
15. iCarousel
طريقة ممتازة لعرض الصور و التمرير بينها بسهولة
مثال | كود المؤثر
16. MochaUI
هذه الاضافة لبناء صفحة اجاكس كاملة و تحتوي على مستعرض ملفات و ميزات اخرى .
مثال | كود المؤثر
17. jTip
حركة ممتازة لاظهار التلمحيات ، فمثلا عندما يبدأ عضو ما في التسجيل و تريده ان يسجل بحروف عربية فقط عندما يضع المؤشر على حقل اسم المستخدم ستظهر له التلميحة بشكل عصري ، و هكذا .
مثال | كود المؤثر
18.Uni-Form
مثلما نرى في الوقت الحالي عندما تقوم بالتسجيل في احد المواقع الكبيرة سيخبرك ان كان اسم المستخدم متوفرا ام لا دون ان يقوم بتحديث الصفحة ، هذه هي مهمة Uni-Form التحقق من المدخلات بدون تغيير الصفحة .
مثال | كود المؤثر
19. Validation Hints
هذا السكربت للتأكد من طول المدخلات كاسم المستخدم و كلمة المرور وغيرهما
مثال | كود المؤثر
20. Control Tabs
Control Tabs هو سكربت حلو يعطيك خيارات كثيرة لاعداد علامات التبويب tabs كالنصوص و الصور .
مثال | كود المؤثر
و انتهينا .
ملاحظة : من لا يجيد استعمال مكتبة jquery فليتفضل هنا
دليلك السهل في تعلم استخدام مكتبة jQuery
المصدر : دروس عربية . كوم
20 مؤثر اجاكس Ajax احترافي عليك ان لا تفوته ! | دروس عربية
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة ahmed-samara 
