مصغرة الشاشات المنبثقة على الماوس فوق

Question

لا أستطيع معرفة كيفية عبارة هذا السؤال أن نكون صادقين. : /

لكنني أحاول الحصول على التأثير التالي:

http://zack.scudstorm.com/example.png.

كنت أتساءل ما إذا كان يمكن لأي شخص هنا مساعدتي في محاولة معرفة كيفية تحقيق هذا التأثير كما هو موضح في الصورة؟ : /

التأثير، كما هو موضح في الصورة، هو أنه عندما أحكم على صورة، أو أيا كان ربط الحدث "OnMouseover"، يتم عرض "المنبثقة" إظهار النص والمعلومات الأخرى التي قد أحتاج إلى عرضها.

شكرا لك مقدما!
-zack.

PS آسف للمثال من نجاح باهر؛ إنه الشيء الوحيد الذي يمكنني التفكير فيه عند محاولة وصف هذا التأثير.

Answer 1

هيريس بعض الرمز الزائدي لتبدأ:

ارتداء الحدث Mouseover للربط - في JQUERY: $('a.popup').mouseover(function(){ /* code here */ });

في حالة العثور على موقف الماوس
إنشاء (أو استخدام تم إنشاؤه بالفعل) DIV لعقد معلوماتك
ضع DIV في عنصر الجسم مباشرة حتى تتمكن من وضعه تماما
استخدم موضع الماوس الذي وجدته في وقت سابق لوضع DIC الخاص بك عند الماوس (أو النسبي إلى الماوس)

ربط حدث ماوس للربط
في حالة إخفاء المعلومات المحيطة تماما

تطبيق أنماط لطيفة في ورقة الأنماط :)

هذا كل ما في الامر. ليس ذلك صعبا - إذا كنت تستخدم JQuery All من هذه الأشياء موجودة في المستندات.

أتمنى أن يساعدك هذا

Answer 2

تحقق من أي من الإضافات Tooltip العديد من JQuery.

qtip. يبدو أن تكون جيدة جدا.

Answer 3

Mootools لديه بعض نصائح الماوس لطيفة جدا:

مستندات mootools: نصائح فئة

العرض التوضيحي / البرنامج التعليمي