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

Работа с автоматическими блокоми информации

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

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

<STYLE type=text/css>
/* Меню */
div.TabView {font-family: Arial, Sans-Serif; font-size: 13px;}
div.TabView div.Tabs {height: 24px; overflow: hidden;}
div.TabView div.Tabs a {float: left; display: block; width: 90px; text-align: center; height: 24px; line-height: 28px; vertical-align: middle; background: url('http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/933/img/tabs1.jpg') no-repeat -2px -1px; text-decoration: none;  font-family: "Times New Roman", Serif; font-weight: 900; font-size: 13px; color: #000080;}
div.TabView div.Tabs a:hover,div.TabView div.Tabs a.active {background: url('http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/933/img/tabs1.jpg') no-repeat -2px -31px;}
/* Зона информации */
div.TabView div.Pages {clear: both; border: 1px solid #aaa; overflow: hidden;}
div.TabView div.Pages div.Page {padding: 0px; overflow: auto;}
div.TabView div.Pages div.Page div.Pad {padding: 3px 5px; overflow: hidden;}
</style>
<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/933/tabview.js"></script>

Всё подписано, проблем быть не должно.

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

<form action="#" method="get">
<div class="TabView" id="TabView">

<div class="Tabs" style="width: 350px;">
  <a>Tab 1</a>
  <a>Tab 2</a>
  <a>Tab 3</a>
</div>

<div class="Pages" style="width: 350px; height: 250px;">

  <div class="Page">
  <div class="Pad">
  <br /> <table><tr>
    <td style="vertical-align: top;">Distributed form: </td>
    <td><input class=pole type="text" name="first" />
    <br /> <small>Note: the rest of the form is at the Tab 3.</small></td></tr>
  <tr><td colspan=2><img src="zastawka_script_luch1.gif"><td colspan=2></td></tr>
  </table></div></div>
  
  
  <div class="Page">
  <div class="Pad">
   --Tab2--<br />Если информация не помещается<br />в рабочей зоне блока инфомации<br />автоматически появляется скроллинг.<br />--Tab2--<br />Как Вы видите в блоки информации<br />можно вставлять всё что угодно.<br />Tаблици<br />Формы<br />Ссылки и кнопки<br />Кртинки<br />Flash<br />Фреймы<br />и так далее.<br />--Tab2--<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br />Tab2<br /></div></div>
  
  
  <div class="Page">
  <div class="Pad">
  <br /><table><tr>
    <td>Username: </td>
    <td><input class=pole style="width: 120px;" type="text"     name="username" /></td>
  </tr><tr>
    <td>Password: </td>
    <td><input class=pole style="width: 120px;" type="password" name="password" /></td>
  </tr><tr>
    <td> </td>
    <td><input class=knopka type="submit" value="Submit" /></td></tr>
  <tr><td colspan=2 class=ramka><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="330" height="42">
<param name="src" value="studio_kruglaj_ok_mal24.swf" />
<PARAM NAME="bgcolor" VALUE="#444444">
<embed name="gallery" type="application/x-shockwave-flash" src="studio_kruglaj_ok_mal24.swf" width="368" height="47"></embed></object></td></tr>
  </table></div></div>
  
</div></div></form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Здесь всё должно быть понятно и основное я подписал. Колличество блоков информации на Ваше усмотрение. Информация в блоках, любая.

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

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