Что-то в последнее время, все мои статьи связаны с изменением представления о ссылках. И сегодняшняя не исключение. Нашел очень интересное решение, которое будет выводить маленькое меню при наведении на ссылку. В меню всего два пункта: "открыть в новой вкладке", "открыть в текущей вкладке". Все выполнено очень аккуратно, и смотрится - отлично. В любом случае, вы можете с легкостью изменить внешний вид, все интуитивно понятно.
И по традиции, переходим к установке.
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>
Спасибо за внимание!