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


Такое реализовать на простом 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>

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

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

Опубликовал: TIK_TAK в категорию Скрипты и хаки для ucoz - Дата добавления: 24.11.2017, 08:17

Теги: блока, переход, Скрипты и хаки для ucoz, красивый, от, блоку

Сообщить о новой версииПроблемы со скачиванием?
Источник/Автор: http://Forucoz.com
ССЫЛКИ

Комментарии:


Оставить комментарий

Имя *:
Email *:

Все смайлы | Регистрация

Популярные файлы

Друзья сайта

Всё для Counter-Strike 1.6

Теги

  
     

Вход на сайт

     
     

Информация:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Статистика