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

Ручной переключатель блоков информации


1-й блок информации В блоки можно вставлять всё что Вам нужно. Например: текстовую информацию, таблички, картинки, формы и т.д. The dog is a domestic subspecies of the wolf, a mammal of the Canidae family of the order Carnivora. The domestic dog has been (and continues to be) one of the most widely-kept working and companion animals in human history, as well as being a food source in some. 2-й блок информации The Cat, also known as the Domestic Cat or House Cat to distinguish it from other felines, is a small carnivorous species of crepuscular mammal that is often valued by humans for its companionship and its ability to hunt vermin. It has been associated with humans for at least 9,500 years. 3-й блок информации В блоки так же можно вставлять Flash элементы Rabbits are small mammals in the family Leporidae of the order Lagomorpha, found in several parts of the world. There are seven different genera in the family classified as rabbits, including the European rabbit (Oryctolagus cuniculus), cottontail rabbit (genus Sylvilagus; 13 species), and the Amami rabbit (Pentalagus furnessi, endangered species on Amami O-shima, Japan). There are many other species of rabbit, and these, along with cottontails, pikas, and hares, make up the order Lagomorpha. Rabbits generally live between four and twenty years.	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/1008/jquery-1.2.2.pack.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/1008/ddaccordion.js"></script> <style type="text/css"> /* кнопка блока не активная / .mypets{ /header of 1st demo(заголовок 1-ого демонстрационного примера)/ width: 150px; color: #000; cursor: hand; cursor: pointer; padding: 2px 5px; border: 1px solid gray; background: #666;} / кнопка блока активная / .openpet{ /class added to contents of 1st demo when they are open(класс добавил к содержанию 1-ого демонстрационного примера, когда они открыты)/ background: #e0e0e0;} / блок информации */ .thepet {width: 500px; border: #ff0000 1px solid; padding: 5px; margin-top: -20px;} </style> <script type="text/javascript"> //Initialize first demo: ddaccordion.init({ headerclass: "mypets", //Shared CSS class name of headers group //Совместно используемое имя класса CSS группы заголовков contentclass: "thepet", //Shared CSS class name of contents group //Совместно используемое имя класса CSS группы содержания revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover" //Показывают контент когда пользовательские щелчки или onmouseover заголовок? collapseprev: true, //при открытии блока все другие закрываются - true/false - не закрываются defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.//индекс контента (ов) открываются по умолчанию [index1, index2, и т.д.]. [] не обозначает контента. onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed) //Определяют, не должен ли по крайней мере один заголовок всегда быть открытым (так никогда все закрытые заголовки) animatedefault: false, //Should contents open by default be animated into view? //содержание должно открыться по умолчанию быть анимированным в представление? persiststate: true, //persist state of opened contents within browser session? //сохраняют состояние открытого содержания в пределах сеанса браузера? toggleclass: ["", "openpet"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"] //Два класса CSS, которые будут применены к заголовку, когда это свернуто и расширено, соответственно ["class1", "class2"] togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs) //Дополнительный HTML, добавленный к заголовку, когда это свернуто и расширено, соответственно ["позиция", "html1", "html2"] (см. документы) animatespeed: "fast", //speed of animation: "fast", "normal", or "slow" скорость онимации oninit:function(expandedindices){ //custom code to run when headers have initalized //пользовательский код, чтобы работать, когда у заголовков есть initalized //do nothing }, onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed //пользовательский код, чтобы работать всякий раз, когда заголовок открыт или закрыт //do nothing } }) </script>
	Всё подписано.
	Внутри тега <BODY> - </BODY> там где у Вас будет переключатель.
	<h5 class="mypets">1-й блок информации</h5> <div class="thepet"> В блоки можно вставлять всё что Вам нужно. Например: текстовую информацию, таблички, картинки, формы и т.д.<hr> The dog is a domestic subspecies of the wolf, a mammal of the Canidae family of the order Carnivora. The term encompasses both feral and pet varieties and is also sometimes used to describe wild canids of other subspecies or species. <img src="http://skriptkpbstudio.ucoz.ru/flash/zastawka_script_luch1.gif"> The domestic dog has been (and continues to be) one of the most widely-kept working and companion animals in human history, as well as being a food source in some cultures. </div> <h5 class="mypets">2-й блок информации</h5> <div class="thepet"> The Cat, also known as the Domestic Cat or House Cat to distinguish it from other felines, is a small carnivorous species of crepuscular mammal that is often valued by humans for its companionship and its ability to hunt vermin. It has been associated with humans for at least 9,500 years. </div> <h5 class="mypets">3-й блок информации</h5> <div class="thepet"> <u>В блоки так же можно вставлять Flash элементы</u><br> Rabbits are small mammals in the family Leporidae of the order Lagomorpha, found in several parts of the world. There are seven different genera in the family classified as rabbits, including the European rabbit (Oryctolagus cuniculus), cottontail rabbit (genus Sylvilagus; 13 species), and the Amami rabbit (Pentalagus furnessi, endangered species on Amami O-shima, Japan). <div style="BORDER: #888888 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="http://skriptkpbstudio.ucoz.ru/flash/Frame_74_moj.swf" /> <PARAM NAME="bgcolor" VALUE="#444444"> <embed name="gallery" type="application/x-shockwave-flash" src="http://skriptkpbstudio.ucoz.ru/flash/Frame_74_moj.swf" width="468" height="60"></embed></object></div> There are many other species of rabbit, and these, along with cottontails, pikas, and hares, make up the order Lagomorpha. Rabbits generally live between four and twenty years. </div>
Здесь, в принципе, всё должно быть понятно. 3-и блока и их содержимое. Колличество блоков в переключателе на Ваше усмотрение. В блоках можно размещать любые, нужные Вам, элементы.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.