Главная » Файлы » Прочие скрипты » jQuery |
Плавная смена названия ссылки на адрес этой ссылки при наведении на jQuery
23.06.14, 09:13:01 | |
Уникальный плагин, который позволяет показывать полный путь ссылки при наведении на её название с морф эффектом Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <script type="text/javascript" src="/js/jquery.hoverattribute-1.0.7.min.js"></script> Сразу под предыдущим скриптом вставляйте: 1) Для эффекта полного адреса, выезжающего снизу: Код <script type="text/javascript"> $(function(){ $(".over").hoverAttribute({ removeWWW: true, tweenInFrom: "bottom", highlightURLPart: "domain"//"lastURIPart" }); }); </script> 2) Для эффекта плавной морф замены: Код <script type="text/javascript"> $(function(){ $(".over").hoverAttribute({ removeWWW: true, highlightURLPart: "domain"//"lastURIPart" }); }); </script> Теперь просто приписываем ссылкам класс over, чтобы скрипт начал их обрабатывать: Код <a class="over" href="Полная ссылка 1">Название ссылки 1</a> <a class="over" href="Полная ссылка 2">Название ссылки 2</a> <a class="over" href="Полная ссылка 3">Название ссылки 3</a> Осталось лишь залить скрипт из прикреплённого архива в папку js Материал подготовлен Apocalypse | |
Просмотров: 328 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |