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

NexTooltip v1.0 (Релиз) - удобные подсказки для uCoz
24.06.14, 09:46:03

Скачать файл




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

Демо 1 - Демо 2

Установка:
1. Подключаем стили в head:
Код
<link href="/css/NexTooltip.css" rel="stylesheet" type="text/css" />


2. В самый низ страницы, но перед /html :
Код
<script>  
// Настройки  
var nextitle = 1; // 1 - вклычает замену всех стандартных title на странице на nex-hover, 0 - выключает.  
var pkm = 0; // 1 - вклячает меню которое выводится при клике на правую кнопку мыши, 0 - выключает.  
var pokaz = 'show'; // fade - показывать плавно, show - показывать без анимации.  
var otstup = 25; // отступ подсказки от элемента или курсора  
var strelka = 1; // 1 - показывать указатель, 0 - не показывать.  
var strcolor = '#1d1d1d'; // цвет стрелки.  
var nexclouseclick = 1; // закрывать кликеры щелчком по подсказке, 1 - да, 0 -нет.  
</script>  
<script type="text/javascript" src="/js/NexTooltip.js"></script>


3. Все файлы из прикреплённого архива залить соответственно в папки js и css.

На этом основная установка заканчивается.

Для настройки содержимого меню по правой кнопке на страницу после body вставьте:
Код
<span class="nexmenu">Тут кнопки вашего меню</span>


Чтобы настроить вид обычной подсказки редактируйте в таблице стилей класс tip. Для редактирования кликера класс tip-c.
Для редактирования меню класс nexmenu. Фона меню - nexfonmenu.

Рекомендую использовать подсказки без анимации.

Скрипт разработал и подготовил Nexon (Nexonion). За помощь благодарю Apocalypse и Soh Tanaka.
Категория: jQuery | Добавил: Apocalypse | Теги: v1.0, NexTooltip, ucoz, подсказки, удобные, (Релиз), для
Просмотров: 483 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: