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

Простые переключающиеся блоки информации

Закрыть всё \| Открыть всё Блок 1 В блоки можно вставлять всё что Вам нужно: любые теги, текст, формы, таблички, ссылки, скрипты, картинки, Flash и т.д. В этом блоке в качестве примера показана вставка картинки в данный блок. Кроме того сдесь задано обтекание картинки текстом слева, приведён пример как сделать первую букву любого сообщения прописанной в кирилице и задана рамка картинке с закруглёнными углами. Информацию как всё это сделать Вы можете найти на этом сайте. Блок 2 В этом блоке показан пример вставки в блок текстовой информации. В блоке 3 показан пример вставки в блок Flash элемента. Обязательно посмотрите 1-й блок. В нём кроме примера вставки картинки в блок, показаны еще 3-а элемента(обтекание текста картинкой, создание кирилици и закругление углов картинки). Информацию о там как это делается Вы можете найти на моём сайте. Блок 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/992/jquery-1.2.2.pack.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/992/ddaccordion.js"></script> <style type="text/css"> .technology{ /header of 2nd demo/ cursor: hand; cursor: pointer; font: bold 14px Verdana; margin: 10px 0;} .openlanguage{ /* цвет названия открытого блока / color: red;} .closedlanguage{ / Цвет названия закрытого блока / color: green;} .thelanguage {width: 500px;} / ширина блока */ </style> <script type="text/javascript"> //Initialize 2nd demo: ddaccordion.init({ headerclass: "technology", //Совместно используемое имя класса CSS группы заголовков contentclass: "thelanguage", //Совместно используемое имя класса CSS группы содержания collapseprev: false, //Сверните предыдущий контент (так только один открытый когда-либо)? истина/ложь defaultexpanded: [1], //изначально открытый блок (0-1й, 1-2й, 2-3й) animatedefault: false, //Содержание должно открыться по умолчанию быть анимированным в представление? persiststate: false, //сохраните состояние открытого содержания в пределах сеанса браузера? toggleclass: ["closedlanguage", "openlanguage"], //Два класса CSS, которые будут применены к заголовку, когда это свернуто и расширено, соответственно ["class1", "class2"] togglehtml: ["prefix", "<img src='http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/992/minus.gif' /> ", "<img src='http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/992/plus.jpg' /> "], //Дополнительный HTML код добавится к заголовку, когда это свернуто и расширено, соответственно ["позиция", "html1", "html2"] animatespeed: "slow" //скорость анимации: "fast"-"быстрый", "normal"-"нормальный", или "slow"-"медленный" }) </script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будут перелючающиеся блоки.
	<p><a href="#" onClick="ddaccordion.collapseall('technology'); return false">Закрыть всё</a> \| <a href="#" onClick="ddaccordion.expandall('technology'); return false">Отерыть всё</a></p> <div class="technology">Блок 1</div> <div class="thelanguage"> <hr> <img src="zastawka_script_luch1.gif"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<hr></div> <div class="technology">Блок 2</div> <div class="thelanguage"> <hr> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<hr></div> <div class="technology">Блок 3</div> <div class="thelanguage"> <hr> <div style="border: #ffff00 1px solid; width: 468px;"><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="468" height="60"> <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="468" height="60"></embed></object></div> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<hr></div>
Колличество блоков в переключателе на Ваше усмотрение. В блоках можно размещать, впринципе, всё что хотите.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.