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

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

03.08.201511983

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

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

Установка

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="http://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>

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




Сохраните в социальную сеть
Комментарии (3)
Юрий Герук 03.08.2015 в 09:57Спам
Конечно это лишняя нагрузка сайта скриптами, но может кому и будет нужно, как говорится на вкус и цвет))
2
Kophack 04.08.2015 в 15:57Спам
Согласен
0
Deniss Lvov 03.08.2015 в 15:09Спам
Как сделать, чтоб отображал с левой стороны?
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт