Скопируйте и вставте |
Внутри тега <HEAD> - </HEAD> |
|
Здесь пояснять нечего. Все стили и параметры блока и её анимации задаются в CSS файле demopcv.css. Если Вы хотите что-то изменить Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения. |
Внутри тега <BODY> - </BODY> в любом месте, я ставлю сразу после <BODY>. |
|
Задаём содержимое контейнера с class="topHeader". Это и есть выезжающий блок. В его стилях style="top: 300px;" задаём его смещение сверху(если нужно). Прописываем содержимое и всё. Колличество таких блоков на страничке на Ваше усмотрение. Как видите моя кнопка ВЕРНУТЬСЯ В КАТАЛОГ сделана на базе этого CSS3 эффекта. Впринципе, блокам можно сделать разные скорости выезда, но тогда будут разные CSS таблици для каждого блока. Я этого делать не стал и использую одну и туже, поэтому у меня и кнопка и блок выезжают с одинаковой скоростью. |
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время.
Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь. |