Материал
По возможности мы всех призываем указывать источник материала если вы нашли у нас что-то дейстительно интересное и новое для себя.

Понравился материал? Поделись с ним в социальных сетях !


Загрузить материал (2.3 Kb)
Источник
Ссылки

Используйте быстрые ссылки для вставки в сообщениях форума.

Ccылка
BB-Code
HTML-код

GetTip - настраиваемые всплывающие подсказки для uCoz

Дата и время публикации : 23.Дек.17 в 03:09 | Раздел : Прочее для uCoz


Параметр Значение
Дата публик. 23.Дек.17, Суббота, 03:09
Размер файла 2.3 Kb
Адапт. дизайн
Обновления Не производились
Просмотрен 58
Загружен 1

GetTip - простой jQuery плагин для создания всплывающих подсказок из атрибута title любого элемента. Плагин довольно простой и имеет небольшой размер, однако обладает всеми необходимыми опциями, такими как например: изменение позиции подсказок, задержки появления, плавности, и события для срабатывания. 

Особенности: 
• Отображение при наведении, нажатии или фокусировке. 
• Параметры могут быть заданы через атрибут data-tooltip. 
• Автоматическое отключение после тайм-аута. 
• Пользовательский переход на входе / выходе. 

Установка :

1. Загружаем файл gettip.css в папку css а gettip.js в папку .js

2. В нижней части сайта пропишите ссылки на скрипт, стили, и скрипт вызова: 

<script src="/js/gettip.js"></script> 
<link rel="stylesheet" href="/css/gettip.css"/> 
<script> 
$(document).ready(function() { 
$('[data-tooltip]').getTip({ 
  offset : 8, // Отступ (в пикс.) 
  pos : 'top', // Позиция ("left", "top", "right", "bottom") 
  on : 'hover', // Событие ("hover", "click", "focus") 
  delay : 0, // Задержка (в мс.) 
  duration : 200, // Плавность (в мс.) 
}); 
}); 
</script>


В скрипте вызова, как видно, задаются и общие настройки для подсказок. 
Все файлы, для надежности, лучше сохраните себе. 

3. В скрипте вызова, как видно, задаются и общие настройки для подсказок. 

<a href="#" data-tooltip="" title="Текст подсказки">Ссылка</a>


То есть если вы хотите чтоб у всех элементов подсказки были одинакового типа, то просто в скрипте вызова задайте общие настройки, а к нужным элементам добавьте пустой атрибут data-tooltip. Но если для какого-то элемента нужны индивидуальные настройки, то в этом атрибуте, в фигурных скобках - можно указать для него параметры, по такому же типу как и в скрипте. Например: 

<a href="#" data-tooltip="{offset: 20,pos: 'bottom',on: 'click',delay: 228,duration: 30}" title="Необычная подсказка">Ссылка</a>

 

На данный момент никто не оставил комментариев.

Оставить комментарий :


Требуется войти в свой аккаунт.

Для того чтобы оставить комментарий вам не обходимо войти в свой аккаунт или зарегистрироваться.

Вход Регистрация

Смотрите также :

Free - шаблон на Bootstrap для DLE 11.x

Простой и адаптивный шаблон DLE на bootstrap. Основные страницы стилизованы и настроены. Модальные окна, регистрацию, восстановление пароля и т.д н...