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