افضل 10 اضافات JQUERY TOOLTIP

التلميحات او Tooltips ودورها الفعال في تقديم معلومات موجزة لزوار موقعك حول الصور او البوستات المعروضة دون تشويه التصميم العام للموقع.

وكما نعرف ان هذه التلميحات تظهر فور مرور مؤشر الماوس على صورة ما ليظهر صندوق صغير به تعرض المعلومات التي ربما تكون عنوان البوست او فقرة من الموضوع. هناك العديد من الاضافات التي تساعدك في الحصول على هذه النتيجة بدون اي معاناة .

وسنستعرض سويا اليوم 10 من افضل اضافات الجي كويري jQuery  الخاصة بـ tooltip .

 

1. Tooltipster:

Tooltipster

  • اضافة مرنة وقوية للغاية تمكنك من صنع تلمحيات انيقة بـ CSS. حي تسمح لك بإستخدام اي وسم HTML ،
  • ويمكنك ادخال اي صيغة من الصور وحتى وسوم تنسيقات النصوص.

 

2. Toolbar.js:

Toolbar.js

  • تسمح لك هذه الاضافة بإنشاء تلميحات على هيئة شريط ادوات يمكنك استخدامه في كل من تطبيقات الويب وتصميمات الويب ايضا.
  • وهذه الاشرطة سهلة التخصيص بإستخدام ايقونات تويتر بوتوستراب .
  • كما يمكنك ارفاقها مع اي عنصر تريد. ويمكنك تفعيل اي عدد من هذه الاشرطة حسب رغبتك.
  • كما انها متجاوبة responsive  وتعيد ضبط حجمها تبعا لشاشة العرض.

 

3. Grumble js:

Grumble js

  • تعرض تلميحات معينة بدون الوضعيات المعتادة الخاصة بالاتجاهات (شمال – جنوب – شرق وغرب).
  • يمكن استدارته لأي زاوية للعنصر المخصص.
  • يمكن تطبيق اي ستايل CSS.
  • اعدادات اوتوماتيكية لحجم النص.
  • تعمل على متصفحات IE6 وما فوق ، كذلك على كافة المتصفحات الحديثة.

 

4. Progression.js:

Progression.js

تظهر التلميحات الخاصة بالنماذج النشطة وتعرض مقدار النماذج الممتلئة.

فهي تعتمد على استخدام البيانات المخزنة حول التلميحات.

وهناك خيار لتعديل هذه التلميحات ويمكن تنفيذ في اي نموذج بكل سهولة.

 

5. Opentip:

Opentip

  • عبارة عن JavaScript tooltips framework يعمل مع الجي كويري jQuery.
  • ويصنع التلميحات بواسطة  HTML5 canvas.
  • يمكن استدعاء المحتوى بواسطة Ajax ووضعهم في اي مكان او مجموعة تريد.

 

6. iPicture:

iPicture

  • اضافة متميزة لوضع التلميحات على اي موضع بالصور. حالما يقف الزائر بمؤشر الماوس على اي موضع بالصورة يظهر تلقائيا صندوق به التلميح الذي تريده.
  • هناك عدة خيارات لضبط اعداداتها بالاضافة الى القدرة على استخدام عدة صور لتلميح واحد او ضبط اعدادات الانيميشن الخاص بها.
  • كما ان هذه الاضافة توفر كثير من الوقت بواسطة السحب والادراج للصور المحددة من ثم يمكن لـ JSON output ادراج الكود اوتوماتيكيا.

 

7. Joyride:

Joyride

تسهل هذه الاضافة على الزائر عملية استكشاف الموقع. وذلك بواسطة عرض جولة ارشادية مرتبة على هيئة خطوات في قائمة منظمة.

وتعرض الاضافة المعلومات المطلوبة بالقرب من اي عنصر HTML بجانب التلميحات المعروضة.

وهناك العديد من الخيارات الخاصة بهذه الاضافة يمكن تعديلها.

 

8. TipTip:

TipTip

  • تمكنك من اضافة التلميحات لأي عنصر بالصفحة.
  • سهلة التثبيت والاستخدام.

 

9. qTip 2:

qTip 2

  • العديد من السمات المجانية.
  • مزودة بورقة عمل منفصلة تحوي كل ستايلات التلميحات ، لتسهل عليك اضافة اي ستايل جديد بدون اكواد JavaScript.

 

10. Tooltipsy:

Tooltipsy

  • تأتي هذه الاضافة بستايلات افتراضية لكن لك حرية التحكم بها.
  • يمكنك وضعها اينما تريد.
  • يمكن ضبطها بواسطة CSS او اضافة اي نوع من التأثيرات الحركية عليها.

مقالات ذات صلة