|
|
|
|
|
Пропуск №: 63
Регистрация: 12.04.2014
Ранг: Познающий
Сообщений: 74
|
|
| stalkers |
 |
|
|
|
|
 Дата: Вторник, 04.08.2015, 17:07/ Сообщение №: 1
|
|
Что-то в последнее время, все мои статьи связаны с изменением представления о ссылках. И сегодняшняя не исключение. Нашел очень интересное решение, которое будет выводить маленькое меню при наведении на ссылку. В меню всего два пункта: "открыть в новой вкладке", "открыть в текущей вкладке". Все выполнено очень аккуратно, и смотрится - отлично. В любом случае, вы можете с легкостью изменить внешний вид, все интуитивно понятно.
И по традиции, переходим к установке.
Установка
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://ссылка" 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>
Скачать
 |
|
|
|
|
|
|
|
|
){kind=link}