Главная » 2009 » Май » 3 » Красивый переход от блока к блоку (Скрипты для ucoz)
03.05.2009, 13:05

Красивый переход от блока к блоку



Такое реализовать на простом js можно, но код скрипта
будет километровый. Поэтому здесь идеально подходит библиотека JQuery.
Для начала нужно ее подключить. Как это сделать? Заходим на Официальный сайт
этой библиотеки и качаем скрипт. Если по каким-то причинам вы это
сделать не можете/не хотите, то просто поставьте этот код к себе на
сайт, желательно в head
Code
<script src="http://forucoz.com/jquery.js" language="javascript"></script>

 JQuery подключен! 50% дела сделано. Теперь ставим этот код, желательно повыше (рядом с предыдущим)
Code
<script type="text/javascript">   $(document).ready(function(){$("#doskapocheta").click(function(){$("div#doskapoch").show("slow"); $("div#userminiprof").hide("slow");});});// by forucoz.com   $(document).ready(function(){$("#backprofil").click(function(){$("div#userminiprof").show("slow"); $("div#doskapoch").hide("slow");});});   </script>

75% дела сделано! Теперь включаем фантазию и делаем свои скрипты или что вам взбредет на ум.
Вот основа.
Code
<div id="userminiprof">   <!-- Содержимое первого блока -->   <br>     тут пишем содержимое первого блока, например мини-профиль. Он будет на странице по умолчинию.     <center>[ <a href="javascript://" id="doskapocheta">Блок 2</a> ]</center>   <!-- //Конец содержимого первого блока -->   </div>   <div id="doskapoch" style="display:none;">   <!-- Содержимое второго блока -->   <br>     А тут ставим любой другой код. Например мини-игры или информера. Включаем фантазию ;-)     <center>[ <a href="javascript://" id="backprofil">Назад в блок 1</a> ]</center>   <!-- //Конец содержимого второго блока -->   </div>

Я пометил где содержимое какого блока. Разобраться легко или даже легче
;-) Таким образом вы можете написать кучу скриптов и реализовать кучу
своих идей. Ограничиваемся только своей фантазией. И конечно без
дополнительного примера тут не обойтись ;-)


Очень классная вещь.на скрине это покозать нельзя!

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Forucoz.com
Категория: Скрипты uCoz | Просмотров: 2199 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: Красивый переход из блока к блоку
Всего комментариев: 2
0  
1 сумрачная-фея   (23.09.2009 03:33) [Материал]
Аватар пользователя
ооооо здорово!!!!!!!!!! блин а у меня не получится наверн

+1  
2 antisept -Infoscript Team-  (23.09.2009 08:05) [Материал]
Аватар пользователя
должно получиться. Это легко smile

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]