tooltip Компактний код - просте використання

tooltip

tooltip - m-framework.com

Створює підказку на темно-сірому напівпрозорому фоні з абсолютним позиціюванням.

Є можливість прописати текст в атрибуті data-m-text ініціатора.

Існує 4 напрямки відображення підказки і 4 відповідних значення атрибуту `data-m-action`: (top|right|bottom|left).

Типова подія появи підказки - наведення, інакше доведеться вказати data-m-event="click".

І ще 1 нюанс: підказка поміщається всередину ініціатора для красивого абсолютного позиціювання, то ж не дивуйтесь чому модуль не працює з елементами, всередину котрих не можна додати дочірній елемент.




  •        Tooltip top (by click), Tooltip right, Tooltip bottom, Tooltip left




  • <a data-m-event="click" data-m-action="tooltip" data-m-text="Tooltip" data-m-direction="top">Tooltip click</a>,
    <a data-m-action="tooltip" data-m-text="Tooltip right. Lorem ipsum dolor sit amet" data-m-direction="right">Tooltip right</a>,
    <a data-m-action="tooltip" data-m-text="Tooltip bottom. Lorem ipsum dolor sit amet" data-m-direction="bottom">Tooltip bottom</a>,
    <a data-m-action="tooltip" data-m-text="Tooltip left. Lorem ipsum dolor sit amet" data-m-direction="left">Tooltip left</a>

Коментарі користувачів


Вибачте, Ви не можете залишити коментар. Спробуйте авторизуватись за допомогою логіну та паролю або скористайтеся однією з соціальних мереж: