Главная » Файлы » Прочие скрипты » jQuery

PowerTip - неплохие подсказки на jQuery для вашего сайта
[ Скачать с сервера (4.0 Kb) ] 30.11.14, 12:29:23



Довольно-таки неплохие подсказки с множеством настроек

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

После < /head > на нужных станицах вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/jquery.powertip.css">   
   <script type='text/javascript' src="/js/jquery.powertip.min.js"></script>
Примеры использования:
Код
<a href="http://apo-ucoz.com" title="Забегайте на apo-ucoz">Я - ссылка</a>   
   <br/><br/>   
   <div id="apoid">Блок с подсказкой</div>   
   <br/><br/>   
   <div id="apoid2" title="Я - подсказка после клика">Подсказка при клике</div>   

   <script>   
   $('a[title]').powerTip({   
    followMouse: false, // Следовать зак курсором? (true, false)   
    placement: 's', // Положение подсказки (n, e, s, w, nw, ne, sw, se, nw-alt, ne-alt, sw-alt, se-alt)   
    smartPlacement: true, // Автоматическое позиционирование подсказок   
    offset: 10, // Отступ родсказки от элемента, если включена опция "Следовать за курсором"   
    fadeInTime: 300, // Скорость появления подсказки   
    fadeOutTime: 500, // Скорость исчезания подсказки   
    closeDelay: 500, // Задержка перед закрытием подсказки   
    intentPollInterval: 300, //Задержка перед появлением подсказки   
    intentSensitivity: 7, // Чувствительность при приближении к элементу   
    manual: false, // (true, false)   
    mouseOnToPopup: true // Не убирать подсказку при наведении на неё (true, false)   
   });   

   $('#apoid').powerTip({smartPlacement: true}).data('powertip', 'В этой подсказке [b]свой[/b] текст');   

   $('#apoid2').click(function() {   
   $(this).powerTip({manual: true}).powerTip('show');   
   });</script>

Другие примеры использования можете найти на странице демо

Скрипт из прикреплённого архива залейте в папку js, файл стиля в папку css

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: для, сайта, подсказки, Вашего, JQuery, на, PowerTip, Неплохие
Просмотров: 686 | Загрузок: 207 | Рейтинг: 1.0/1
Всего комментариев: 0
Имя *:
Email: