Скрипт для управления ссылками

Скрипт для управления ссылками

02015-08-0326683Денис Абдуллин

Что-то в последнее время, все мои статьи связаны с изменением представления о ссылках. И сегодняшняя не исключение. Нашел очень интересное решение, которое будет выводить маленькое меню при наведении на ссылку. В меню всего два пункта: "открыть в новой вкладке", "открыть в текущей вкладке". Все выполнено очень аккуратно, и смотрится - отлично. В любом случае, вы можете с легкостью изменить внешний вид, все интуитивно понятно.

И по традиции, переходим к установке.

Установка

1. Загружаем папку из архива в корень сайта.

2. Подключаем скрипт:

Код
<script type="text/javascript" src="/js/jQuery.linkControl.js"></script>

Рекомендую вставить данную строку в глобальном блоке Верхняя часть сайта или Нижняя часть сайта.

3. Добавляем в то же место, где и предыдущую строку:

Код
<script type="text/javascript"> $(document).ready(function(){ // alert ('jQuery running'); $('a.overlay').linkControl({overlay:true, padding:5, bgColor:'#fff', borderColor:'#333'}); }); </script>

padding - отступы пунктов от краев;
bgColor - цвет фона меню;
borderColor - цвет рамки меню.

Меню вызывается с помощью присвоения ссылке класса "overlay". Либо можете использовать готовую ссылку:

Код
<a href="https://yraaa.ru" class="overlay">ссылка</a>

Если же вы хотите, что-бы меню появлялось на всех ссылках на сайте, либо странице, то вместо 3-го пункта вставляем следующее:

Код
<script type="text/javascript"> $(document).ready(function(){ // alert ('jQuery running'); $('a').linkControl({overlay:true, padding:5, bgColor:'#fff', borderColor:'#333'}); }); </script>

Спасибо за внимание!


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (3)
Kophack 2015-08-04 в 15:57 / МатериалСпам
Согласен
0
Юрий Герук 2015-08-03 в 09:57 / МатериалСпам
Конечно это лишняя нагрузка сайта скриптами, но может кому и будет нужно, как говорится на вкус и цвет))
2
Deniss Lvov 2015-08-03 в 15:09 / МатериалСпам
Как сделать, чтоб отображал с левой стороны?
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.