Вы находитесь здесь:Плагины jQuery»liTarget - jQuery Object Pointer или объектный указатель на jQuery

liTarget - jQuery Object Pointer или объектный указатель на jQuery

Воскресенье, 23 Февраль 2014 09:20 Автор 

liTarget - jQuery Object Pointer или объектный указатель на jQuery

Плагин liTarget выполняет роль указателя на странице вашего сайта.
С его помошью вы можете обратить 100% внимания посетителя сайта на самый важных блок, ссылку, кнопку, баннер и т.п.

Пример работы на JSFIDDLE

BUG FIX

24.02.2014 - Добавлен метод "distance", который возвращает расстояние от курсора до цели в px

Подключаемые файлы

<link rel="stylesheet" href="/css/liTarget.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<script src="/js/jquery.liTarget.js"></script>

Инициализация плагина

<script>
$(function(){
  $('.target').liTarget();
})
</script>

Структура HTML

События

create(el)

Функция выполнится, как только указатель будет создан

Option Type Description
el Object Объект jQuery, являющийся целью

over(el)

Функция выполнится, когда курсор окажется над целью

Option Type Description
el Object Объект jQuery, являющийся целью

out(el)

Функция выполнится, когда курсор окажется вне цели

Option Type Description
el Object Объект jQuery, являющийся целью

Методы

enable()

Включает плагин и все сопутствующие вычисления

(Этот метод не принимает аргументов)

Пример кода

$('.target').liTarget('enable')

disable()

Отключает плагин и все сопутствующие вычисления

(Этот метод не принимает аргументов)

Пример кода

$('.target').liTarget('disable')

distance()

Возвращает расстояние от курсора до цели в px

(Этот метод не принимает аргументов)

Пример кода

$('.target').liTarget('distance')
Прочитано 2334 раз Последнее изменение Вторник, 06 Октябрь 2015 23:50
Оцените материал
(2 голосов)

Добавить комментарий

Защитный код
Обновить

Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="http://masscode.ru" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Вы находитесь здесь:   ГлавнаяjQueryliTarget - jQuery Object Pointer или объектный указатель на jQuery