بالون مؤسسة
بالونات تحريك الماوس فوق عنصر بعد العرض:
ويمكننا أن نضيف أي عنصر في data-tooltip
الملكية لإنشاء رسالة. استخدام title
السمة لتعيين نصائح رسالة نصية.
ملاحظة: شريط التمرير يتطلب جافا سكريبت. لذلك تحتاج إلى تهيئة oundation شبيبة:
أمثلة
<سبان اللقب تلميح الأدوات البيانات = " الصيحة!"> ضع مؤشر الفأرة فوق لي! </ SPAN>
<! - تهيئة مؤسسة شبيبة ->
<script>
$ (الوثيقة) .ready (وظيفة () {
$ (الوثيقة) .foundation ()؛
})
</ script>
<! - تهيئة مؤسسة شبيبة ->
<script>
$ (الوثيقة) .ready (وظيفة () {
$ (الوثيقة) .foundation ()؛
})
</ script>
محاولة »
.has-tip
الطبقة قد نقل نص عريض الماوس:
أمثلة
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية" عنوان = "الصيحة!"> ضع مؤشر الفأرة فوق لي! </ SPAN>
محاولة »
موقف عرض البالون
افتراضيا، سوف يظهر مربع الفوري في الجزء السفلي من هذا العنصر.
يمكنك استخدام .tip-top
، .tip-left
، .tip-right
أو .tip-bottom
(الافتراضي) إلى تعيين موضع مربع موجه.
ملاحظة: في أحجام الشاشة الصغيرة، بالون النطاق العريض بنسبة 100٪.
أمثلة
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية بلاغ كبار" عنوان = "الصيحة!"> أعلى </ SPAN>
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية معلومات سرية أسفل" عنوان = "الصيحة!"> أسفل </ SPAN>
<سبان-تلميح الأدوات بيانات الطبقة = " لديها معلومات سرية من اليسار طرف" عنوان = "الصيحة!"> اليسار </ SPAN>
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية معلومات سرية الحق" عنوان = "الصيحة!"> حق </ SPAN>
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية معلومات سرية أسفل" عنوان = "الصيحة!"> أسفل </ SPAN>
<سبان-تلميح الأدوات بيانات الطبقة = " لديها معلومات سرية من اليسار طرف" عنوان = "الصيحة!"> اليسار </ SPAN>
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية معلومات سرية الحق" عنوان = "الصيحة!"> حق </ SPAN>
محاولة »
بالون جولة
.radius
و .round
يستخدم فئة لتعيين مربع نصائح مدورة:
أمثلة
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية" عنوان = "الصيحة!"> افتراضي </ SPAN>
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية دائرة نصف قطرها" عنوان = "الصيحة!"> الشعاع </ SPAN>
<سبان-تلميح الأدوات بيانات الطبقة = " لديها معلومات سرية جولة" عنوان = "الصيحة!"> جولة </ SPAN>
<سبان الطبقة تلميح الأدوات البيانات = " لديها معلومات سرية دائرة نصف قطرها" عنوان = "الصيحة!"> الشعاع </ SPAN>
<سبان-تلميح الأدوات بيانات الطبقة = " لديها معلومات سرية جولة" عنوان = "الصيحة!"> جولة </ SPAN>
محاولة »