Что-то в последнее время, все мои статьи связаны с изменением представления о ссылках. И сегодняшняя не исключение. Нашел очень интересное решение, которое будет выводить маленькое меню при наведении на ссылку. В меню всего два пункта: "открыть в новой вкладке", "открыть в текущей вкладке". Все выполнено очень аккуратно, и смотрится - отлично. В любом случае, вы можете с легкостью изменить внешний вид, все интуитивно понятно.
И по традиции, переходим к установке.
Установка
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://beln.by" 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> |
Спасибо за внимание!
Размер файла: 1.57 Kb
Внимание!!! Скачивание файла доступно, только для групп "Пользователи", "VIP" и "Я, Online". | 
