.:: ابعاد ديزاين::.

برامج ويب تعلم وتدرب واحترف برامج التصميم , 3d,فوتوشوب,الالستريتر, برامج تصميم المواقع ..بالاضافه الى كل ما يخص تطوير المواقع برامج ويب .::مجاناً::.
 
الرئيسيةس .و .جبحـثالتسجيلالأعضاءالمجموعاتدخول

شاطر | 
 

 20 مؤثر اجاكس احترافي AJAX

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
ابعاد ديزاين
.:: المدير العام ::.
.:: المدير العام ::.
avatar

عدد الرسائل : 640
الموقع : http://yoo9.yoo7.com
نقاط : 4044
السٌّمعَة : 7
تاريخ التسجيل : 30/08/2007

مُساهمةموضوع: 20 مؤثر اجاكس احترافي AJAX   الخميس مايو 14, 2009 5:31 pm

موضوعنا اليوم حول 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

مثلما نرى في الوقت الحالي عندما تقوم بالتسجيل في احد المواقع الكبيرة سيخبرك ان كان اسم المستخدم متوفرا ام لا دون ان يقوم ب20 مؤثر اجاكس Ajax احترافي عليك ان لا تفوته ! ، هذه هي مهمة Uni-Form التحقق من المدخلات بدون تغيير الصفحة .


مثال | كود المؤثر


19. Validation Hints

هذا السكربت للتأكد من طول المدخلات كاسم المستخدم و كلمة المرور وغيرهما


مثال | كود المؤثر


20. Control Tabs

Control Tabs هو سكربت حلو يعطيك خيارات كثيرة لاعداد علامات التبويب tabs كالنصوص و الصور .


مثال | كود المؤثر


و انتهينا .

ملاحظة : من لا يجيد استعمال مكتبة jquery فليتفضل هنا

دليلك السهل في تعلم استخدام مكتبة jQuery

المصدر : دروس عربية . كوم
20 مؤثر اجاكس Ajax احترافي عليك ان لا تفوته ! | دروس عربية

_________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://voo5.com
 
20 مؤثر اجاكس احترافي AJAX
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
.:: ابعاد ديزاين::. :: اقسام المنتديات :: منتدى تطوير المواقع-
انتقل الى: