Такое реализовать на простом 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>
Я пометил где содержимое какого блока. Разобраться легко или даже легче
;-) Таким образом вы можете написать кучу скриптов и реализовать кучу
своих идей. Ограничиваемся только своей фантазией. И конечно без
дополнительного примера тут не обойтись ;-)
Очень классная вещь.на скрине это покозать нельзя!
Комментарии: