11 CSS и JavaScript бесплатных решений для ваших сайтов

Несколько решений для создания эффектных элементов на вашем сайте. В заметке: 3D облако тегов, реализация голосования/опроса на сайте, создание объемных кнопок, пошаговая форма регистрации, прокручивающиеся меню, jQuery анимация при переключении между формами и другие JavaScript скрипты.

Внимание: все ссылки с демонстрацией скриптов откроются в новом окне, ссылки для скачивания исходников — прямые.

1. jQuery плагин «3D облако меток»

3D облако тегов

2. Вертикальное меню с большим количеством пунктов

jQuery меню вертикальное

Прокручивающиеся вертикальное меню.

3. Выпадающее меню с прокруткой

Выпадающее меню с прокруткой

Если выпадающих пунктов много, то просмотреть их все можно с помощью прокрутки движением мыши.

4. Модальные окна jQuery

Модальные окна

Всплывающие модальные окна нескольких видов. Для просмотра плагина в действии нажмите на ссылку на демонстрационной странице.

5. Реализация голосования/опроса с помощью PHP и jQuery

jQuery PHP голосование

6. Анимированное переключение между формами на jQuery

jQuery форма

Анимированное переключение с помощью jQuery между формой входа на сайт, формой регистрации и полем для восстановления пароля. На демонстрационной странице нажмите на желтую ссылку для того чтобы увидеть эффект.

7. Заливка изображения. Эффект jQuery

jQuery плагин

Интересное решение в несколько строк кода.

8. Создание объемных кнопок с помощью CSS3 и jQuery

jQuery плагин

9. Объемные CSS кнопки

CSS кнопки

10. Пошаговая форма регистрации с использованием jQuery

jQuery форма регистрации

Аккуратная форма с пошаговым заполнением. Снизу указан индикатор заполнения формы.

11. Текст с эффектом отбрасывания тени. Реализовано с использованием JavaScript и CSS

CSS текст с тенью

Вы можете посмотреть похожие заметки:

18.01.2011
top


blog comments powered by Disqus
Рубрики
3 месяца отличного хостинга бесплатно
Система Orphus