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

Переключатель блоков информации(вариант 3)

Tab 1 Panel 1 и любой необходимый текст Tab 2 Panel 2 Если это Вам интересно, то Вам СЮДА Tab 3 Panel 3	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type="text/css"> /** TABRICATOR */ .tabricator {background: #666; border: 1px solid #ccc; display: inline-block; height: auto!important; height: 1%; margin: 0 auto 1em; width: 400px; padding: 5px 0 0 5px; display: block;} / меню / dt {font-family: sans-serif; color: #000; font-weight: 900; padding: 5px; text-align: center;} .tabricator .trig {background: #888; border: 1px solid #111; border-bottom: 0; cursor: pointer; display: inline; float: left; margin: 2px 0 0 -1px; padding: 2px 5px; position: relative;} .tabricator .trig:hover {background: #ccc;} .tabricator .open, .tabricator .open:hover {background: #aaa; margin-top: 0; margin-bottom: -3px; padding-bottom: 5px; position: relative; z-index: 1;} / Зона информации */ .tabricator .targ {background: #aaa; border-top: 1px solid #111; clear: both; height: 40px; margin: 0 0 0 -5px; overflow: auto; padding: 5px; color: #000;} </style> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_bloki/942/js/prototype.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_bloki/942/js/tabricator.js"></script> <script type="text/javascript"> var domInit = function () { var tabricator1 = new Tabricator('tabricator1', 'DT'); };Event.observe(document, 'dom:loaded', domInit); </script>
	Всё основное подписано. Все параметры и стили задаются в CSS.
	Внутри тега <BODY> - </BODY> там где у Вас будет блок переключения информации.
<dl id="tabricator1"> <dt>Tab 1</dt> <dd>Panel 1</dd> <dt>Tab 2</dt> <dd>Panel 2</dd> <dt>Tab 3</dt> <dd>Panel 3</dd> </dl>
Здесь всё понятно. Задаём название панелей и информацию в них. Колличество панелей на Ваше усмотрение. В панелях можно размещать пракически любую информацию: текст, картинки, кнопки, ссылки, формы, таблички и т.д.. Высота специально в примере сделана небольшой, чтобы показать что если информация не помещается в видимой части зоны информации, то появляется скроллинг. У Вас и ширина и высота переключателя будут такими как Вам нужно.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.