Эффекты на основе Java Script, jQuery и т.д.

Вернуться в каталог >>>

Алфавитный указатель

А
Б
В
Г
Д
З
И
К
Л
М
О
П
Р
С
Т
У
Ф
Ц
Ч
Э

На букву А примеры отсутствуют

На букву Д примеры отсутствуют

На букву З примеры отсутствуют

На букву И примеры отсутствуют

На букву Л примеры отсутствуют

На букву Р примеры отсутствуют

На букву С примеры отсутствуют

На букву У примеры отсутствуют

На букву Ц примеры отсутствуют

На букву Ч примеры отсутствуют

На букву Э примеры отсутствуют

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

Основное подписано, проблем быть не должно.

Внутри тега <BODY> - </BODY> там где у Вас будет алфавит.

<div class="c2">
<ul id="tabbed_sub">
<li><a href="#a1">А</a></li> 
<li><a href="#a2">Б</a></li> 
<li><a href="#a3">В</a></li> 
<li><a href="#a4">Г</a></li> 
<li><a href="#a5">Д</a></li> 
<li><a href="#a6">З</a></li> 
<li><a href="#a7">И</a></li> 
<li><a href="#a8">К</a></li> 
<li><a href="#a9">Л</a></li> 
<li><a href="#a10">М</a></li> 
<li><a href="#a11">О</a></li> 
<li><a href="#a12">П</a></li> 
<li><a href="#a13">Р</a></li> 
<li><a href="#a14">С</a></li> 
<li><a href="#a15">Т</a></li> 
<li><a href="#a16">У</a></li> 
<li><a href="#a17">Ф</a></li> 
<li><a href="#a18">Ц</a></li> 
<li><a href="#a19">Ч</a></li> 
<li><a href="#a20">Э</a></li> 
</ul><br>

<div id="a2">
<ul>
<li><a href="#" class="byn-a">Блок #footer который всегда внизу</a></li>
<li><a href="#" class="byn-a">Блок (фото) открывается с анимацией от клика  (highslide)</a></li>
<li><a href="#" class="byn-a">Блок Линк загрузки основным окном. Основное окно при этом затемняется</a></li>
<li><a href="#" class="byn-a">Блок Пример псевдо-3D блока на чистом html+CSS</a></li>
<li><a href="#" class="byn-a">Блок в виде заданной фигуры (Использование canvas)</a></li>
<li><a href="#" class="byn-a">Блок виден не виден (событие onClick)</a></li>
<li><a href="#" class="byn-a">Блок минимальный размер ширины min-width для ШУ</a></li>
<li><a href="#" class="byn-a">Блок над окном при загрузке. закрывается автоматически</a></li>
<li><a href="#" class="byn-a">Блок от клика по тексту виден/не виден</a></li>
<li><a href="#" class="byn-a">Блок открывается с анимацией от клика  (highslide)</a></li>
</ul>
</div> 
<div id="a3">
<ul>
<li><a href="#" class="byn-a">Вертикальное меню стабильно при прокрутке.</a></li>
<li><a href="#" class="byn-a">Вертикальное меню стабильно при прокрутке с фильтром opacity (jQuery)</a></li>
<li><a href="#" class="byn-a">Видео (флеш swf) открывается по линку В блоке линк ЗАКРЫТЬ</a></li>
<li><a href="#" class="byn-a">Видео (флеш swf) открывается по линку В блоке линк ЗАКРЫТЬ</a></li>
<li><a href="#" class="byn-a">Видео SWF (валидный код)</a></li>
<li><a href="#" class="byn-a">Видео открывается с анимацией разворачиванием по горизонтали от линка</a></li>
<li><a href="#" class="byn-a">Виды DOCTYPE Обрамление Закругленные углы для всех браузеров</a></li>
</ul></div> 
<div id="a4">
<ul><li><a href="#" class="byn-a">Генератор шифровки/расшифровки HTML-кода</a></li>
<li><a href="#" class="byn-a">Горизонтальное меню стабильно при прокрутке с фильтром opacity (jQuery)</a></li>
<li><a href="#" class="byn-a">Горизонтальное меню стабильно при прокрутке.</a></li>
</ul></div> 
<div id="a8"><ul>
<li><a href="#" class="byn-a">Клик по линку - показ текста</a></li>
<li><a href="#" class="byn-a">Клик по странице - сообщение</a></li>
<li><a href="#" class="byn-a">Клик по тексту - показ нового текста</a></li>
<li><a href="#" class="byn-a">Линк при наведении постепенно подчеркивается бегущей линией</a></li>
</ul></div> 
<div id="a10"><ul>
<li><a href="#" class="byn-a">Меню Горизонтальное меню из линков</a></li>
<li><a href="#" class="byn-a">Меню Горизонтальное меню из линков с применением фильтра</a></li>
<li><a href="#" class="byn-a">Меню Горизонтальное меню из линков с применением фильтра fade</a></li>
<li><a href="#" class="byn-a">Меню Горизонтальное меню из линков с применением фильтра fade и скрипта</a></li>
<li><a href="#" class="byn-a">Меню в овале с перемещением по овалу линками</a></li>
<li><a href="#" class="byn-a">Меню горизонтальное из линков с обрамлением с закругленными углами</a></li>
<li><a href="#" class="byn-a">Меню из цифр Закругленные углы для всех браузеров</a></li>
<li><a href="#" class="byn-a">Меню из цифр Закругленные углы для всех браузеров c применение скрипта</a></li>
<li><a href="#" class="byn-a">Меню из цифр в оригинальном обрамлении</a></li>
</ul></div> 
<div id="a11"><ul>
<li><a href="#" class="byn-a">Обрамление Блок закругленные углы без использования изображений</a></li>
<li><a href="#" class="byn-a">Обрамление Блок с закругленными углами (border-radius.htc)</a></li>
<li><a href="#" class="byn-a">Обрамление Блок с закругленными углами (border-radius.htc)</a></li>
<li><a href="#" class="byn-a">Обрамление Блок с закругленными углами (border-radius.htc)</a></li>
<li><a href="#" class="byn-a">Обрамление Блок с закругленными углами и тенью</a></li>
<li><a href="#" class="byn-a">Обрамление Блок с закругленными углами и тенью (pie.htc)</a></li>
<li><a href="#" class="byn-a">Обрамление Блок с оригинальным обрамлением (уголок вверху)</a></li>
<li><a href="#" class="byn-a">Обрамление Закругленные углы 3D вдавливание</a></li>
<li><a href="#" class="byn-a">Обрамление Закругленные углы Использование</a></li>
<li><a href="#" class="byn-a">Обрамление Закругленные углы Эффект Обратные кривые Фото открывается заданного размера от клика по маленькому</a></li>
</ul></div> 
<div id="a12"><ul>
<li><a href="#" class="byn-a">Подсказка к линку в HTML-коде</a></li>
<li><a href="#" class="byn-a">Подсказка с использованием оригинального фото</a></li>
<li><a href="#" class="byn-a">Показ при наведении сообщения от дня месяца и соответствующего месяца</a></li>
<li><a href="#" class="byn-a">Постепенное открытие фото из линка</a></li>
<li><a href="#" class="byn-a">Пример псевдо-3D блока на чистом html+CSS</a></li>
</ul></div> 
<div id="a15"><ul>
<li><a href="#" class="byn-a">Таблица фон ячейки меняется при наведении (скрипт hover.htc)</a></li>
<li><a href="#" class="byn-a">Текст  в виде мигающей полосы (знака) в определенном месте текста</a></li>
<li><a href="#" class="byn-a">Текст Трехмерный текст (применение скрипта behavior: url(ie-css3.htc);)</a></li>
<li><a href="#" class="byn-a">Текст виден при прокрутке. Первичный текст при прокрутке с фильтром</a></li>
<li><a href="#" class="byn-a">Текст на линке после нажатия на нем курсора</a></li>
<li><a href="#" class="byn-a">Текст с буковицей через CSS</a></li>
</ul></div> 
<div id="a17"><ul>
<li><a href="#" class="byn-a">Форма - меню с показом рядом по строке из формы (замена события onclick)</a></li>
<li><a href="#" class="byn-a">Форма для поиска открывается от клика</a></li>
<li><a href="#" class="byn-a">Фото в оригинальном обрамлениии 3D эффект (Виды обрамления)</a></li>
<li><a href="#" class="byn-a">Фото в оригинальном обрамлениии 3D эффект (Виды обрамления)</a></li>
<li><a href="#" class="byn-a">Фото в оригинальном обрамлениии 3D эффект (Виды обрамления)</a></li>
<li><a href="#" class="byn-a">Фото в оригинальном обрамлениии 3D эффект (Виды обрамления)</a></li>
<li><a href="#" class="byn-a">Фото в оригинальном обрамлениии 3D эффект (Виды обрамления)</a></li>
<li><a href="#" class="byn-a">Фото в оригинальном обрамлениии 3D эффект (Виды обрамления)</a></li>
<li><a href="#" class="byn-a">Фото в оригинальном обрамлениии 3D эффект (Виды обрамления)</a></li>
<li><a href="#" class="byn-a">Фото заменяется автоматически или вручную в блоке снизу вверх</a></li>
</ul></div>
<div class="fraza"> 
<div id="a1">На букву А примеры отсутствуют</div>
<div id="a5">На букву Д примеры отсутствуют</div>
<div id="a6">На букву З примеры отсутствуют</div>
<div id="a7">На букву И примеры отсутствуют</div>
<div id="a9">На букву Л примеры отсутствуют</div>
<div id="a13">На букву Р примеры отсутствуют</div>
<div id="a14">На букву С примеры отсутствуют</div>
<div id="a16">На букву У примеры отсутствуют</div>
<div id="a18">На букву Ц примеры отсутствуют</div>
<div id="a19">На букву Ч примеры отсутствуют</div>
<div id="a20">На букву Э примеры отсутствуют</div>    </div>
</div>
      <hr style="width: 600px; text-align: center;">

По алгоритму, думаю, пояснений не требуется. По количеству букв и ссылок в каждой букве всё на Ваше усмотрение.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.