موضوعنا اليوم حول 20 مؤثر اجاكس احترافي

و من لا يعرف الاجاكس



بسم الله نبدأ

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 احترافي عليك ان لا تفوته !