Оглавление
Знакомство с веб-дизайном Увеличить шрифт | Уменьшить шрифт
Копилка веб-дизайнера
Существует достаточно обширный список скриптов, которые могут помочь веб-дизайнеру в реализации его идей и поставленных задач. Веб-дизайнер должен иметь в своём арсенале скрипты для различных целей. Так и я привёл пример скриптов, которые использую я лично:

1. Многоуровневое меню
Живой пример:


1. Скачать jquery.js, распаковать и переместить его в корневой каталог сайта.
2. Поместить этот код в HTML, между ‹HEAD› и ‹/HEAD›.
3. Поместить этот код в HTML, в то место где вы хотите увидеть меню.
4. Поместить этот код в CSS.
5. Радоваться!

2. Горизантальное меню
Живой пример:


1. Поместить этот код в HTML, в то место где вы хотите увидеть меню.
2. Поместить этот код в CSS.
3. Радоваться!

3. Прокрутка вверх страницы
Живой пример можете наблюдать немного левее.

1. Скачать jquery.js или jquerymin.js, распаковать и переместить их в корневой каталог сайта.
2. Поместить этот код в HTML, между ‹HEAD› и ‹/HEAD›.
3. Поместить этот код в HTML, между ‹BODY› и ‹/BODY›.
4. Поместить этот код в CSS.
5. Радоваться!

4. Увеличение/уменьшение шрифта
Живой пример можете наблюдать в правом верхнем углу.

1. Поместить этот код в HTML, между ‹HEAD› и ‹/HEAD›.
2. Поместить этот код в HTML, в то место где вы хотите увидеть этот чудесный скрипт.
3. Радоваться!

5. Плавное разворачиание области
Живой пример:

Кликни меня

1. Скачать jquery.js, распаковать и переместить его в корневой каталог сайта.
2. Поместить этот код в HTML, между ‹HEAD› и ‹/HEAD›.
3. Поместить этот код в HTML, в то место где вы хотите увидеть этот скрипт.
4. Радоваться!

6. CSS ленты
Живой пример:

Супер-пупер текст

1. Поместить этот код в HTML, в то место где вы хотите увидеть этот чудесный скрипт.
2. Поместить этот код в CSS.
3. Радоваться!