Главная » Файлы » Прочие скрипты » 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
Категория: jQuery | Добавил: Apocalypse | Теги: адрес, ссылки, Плавная, при, на, Этой, смена, наведении, названия
Просмотров: 197 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: