Приветствую Вас Прохожий | RSS Понедельник, 05.12.2016, 07:26
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Придаем навигацию каждой ссылке на страницах сайта Ucoz

Придаем навигацию каждой ссылке на страницах сайта Ucoz Придаем, навигацию, каждой, ссылке, страницах, сайта, Ucoz
Интересный плагин для jQuery, который работает со ссылками. Создается эффект inline - ссылка двигает текст вправо и предоставляет выбор открыть её в Новом окне, или эффект overlay - над ссылкой всплывает подсказка с выбором открытия в Новом или Текущем окне. Придаем навигацию каждой ссылке на страницах сайта Ucoz.
Иными словами, просто придаем ссылка удобства с выбором через что открыть, удобно, практично, и не нагружает сайт.

Установка.
В шапке подключаем необходимые файлы:
Code
<script type="text/javascript" src="http://ucozon.ru/_dr/55/5543_jquery.linkcont.js"></script>


Разметка HTML
Как таковой разметки нет, просто эффект применяется ко всем ссылкам (анкорам) или же для ссылок с классами:
Code
<a href="#" class="overlay">ссылка</a>
<a href="#" class="inline">ссылка</a>


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


Два элемента a.inline и a.overlay - элементы DOM, которые хотите добавить. Если хотите использовать эффект для всех ссылок, просто добавьте $('a') и вызовете функцию '.linkControl({})'.
Затем необходимо указать, какой именно эффект будет использоваться inline или overlay внутри скобок. Например для inline это будет выглядеть так:
Code
$('a').linkControl({inline:true});


Опции
inline: true (ссылки двигают текст вправо)
overlay: true (ссылка с эффектом наложения)
padding: числовое значение (установка paddding для overlay ссылок)
bgColor:'#HEX цвет' (установка background color для overlay ссылок)
borderColor:'#HEX цвет' (установка border color для overlay ссылок)

Итак, если вы хахотите использовать стиль overlay с 10 pixel padding, серым background и белым border, то в коде необходимо записать так:
Code
$('a').linkControl({overlay:true, padding:10, bgColor:'#777', borderColor:'#fff'});
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 3.0Kb
Просмотров: 1716 | Комментарии: 1 | Рейтинг: 3.5/4 | |Категория: Скрипты Разное | Добавил: мир | Дата: 15.01.2012 | Скачали: 0 | Теги: Придаем, ссылке, страницах, ucoz, каждой, навигацию, сайта
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
1 STAFF   Дата: 15.01.2012  Время: 13:17   [№ 11904]
Это ошибка, там скрипт должен быть, ничего страшного.


мир, зачем вставлять библиотеку jQuery ? и тем-более у юкоза такая же версия есть).


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru