Эффекты на основе Java Script

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

Вариант анимированных кнопок и меню на CSS3

Кнопки

Кнопка Кнопка

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

Вертик. меню Вертик. меню Вертик. меню Вертик. меню

Горизонтальное меню

Гориз. меню Гориз. меню Гориз. меню Гориз. меню

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

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

Все стили и параметры кнопок задаются в CSS таблице, файл knopki_i_menu_na_css.css. Если Вы хотите что-то поменять Вем нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения.

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

<a class="download" text="Кнопка 1" href="#">Кнопка</a>
 <a class="download download_2" text="Кнопка 2" href="#">Кнопка</a> 

<div style="color: #00ffff; text-align: left;">Вертикальное меню</div>
<a class="download download_2" style="margin: 0;" text="Ссылка 1" href="#">Вертик. меню</a>
<a class="download download_2" style="margin: 0; margin-top: 5px;" text="Ссылка 2" href="#">Вертик. меню</a>
<a class="download download_2" style="margin: 0; margin-top: 5px;" text="Ссылка 3" href="#">Вертик. меню</a>
<a class="download download_2" style="margin: 0; margin-top: 5px;" text="Ссылка 4" href="#">Вертик. меню</a>

<div style="color: #00ffff; text-align: center;">Горизонтальное меню</div>
<a class="download" style="margin: 20px 5px 0 0; float: left;" text="Ссылка 1" href="#">Гориз. меню</a>
<a class="download" style="margin: 20px 5px 0 0; float: left;" text="Ссылка 2" href="#">Гориз. меню</a>
<a class="download" style="margin: 20px 5px 0 0; float: left;" text="Ссылка 3" href="#">Гориз. меню</a>
<a class="download" style="margin: 20px 5px 0 0; float: left;" text="Ссылка 4" href="#">Гориз. меню</a>

Впринципе в CSS запрограммированы на базе ссылки два стиля кнопок(две верхние кнопки). Из них можно делать горизонтальные-вертикальные меню( два следующих примера). Вот впринципе и всё.

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

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