Эффекты на основе Java Script, jQuery и т.д.

Вернуться в каталог >>>

Простой переключатель-скрытый элемент


Блок 1 WebKPB Большая библиотека Flash всевозможного назначения. Для удобства поиска и работы все Flash сведены в тематический каталог. Каждую Flash можно посмотреть в работе. К кажтой Flash есть fla исходник. Блок 2 KPBshablon На сайте представлены совремнные креативные дизайны и их шаблоны для движка UCOZ. Все дизайны и их компановки можно посмотреть в работе. Все элементы присутствующие в DEMO версии идут в комплекте. Возможно изменение кмплектности и компановки понравившегося Вам дизайна конкретно под Вас. Блок 3 KPBwebStudio Это моя личная WEBстудия. Здесь Вы можете посмотреть некоторые мои работы, ознакомиться с перечнем оказываемух мною услуг и ценами на них. Сайт сделан полностью по Flash технологии. Рекоментую посетить.	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<STYLE type=text/css> /* стиль ссылок управления / h3 {cursor:hand; cursor:pointer; color: #00ffff;} / стиль содержимого информационного блока */ .switchcontent {width: 400px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid #ff00ff; padding: 5px;} .switchcontent img {float: left; margin-right: 5px;} </STYLE> <script type="text/javascript"> var enablepersist="on" // Задоминать текущее состояние переключателя при уходе со странички? (on-да/off-нет) var collapseprevious="yes" // При открытии одного всё остальные выключены (yes-да/no-нет) </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/306/prostoj_skryt_qlement1.js"></script>
	Всё подписано, проблем быть не должно. Варьирую переменными enablepersist и collapseprevious можно обеспечить 4-е режима работы переключателя.
	Внутри тега <BODY> - </BODY> там где у Вас будет переключатель.
	<!-- Ссылка управления блоком --> <h3 onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer">Блок 1</h3> <!-- информационный блок --> <div id="sc1" class="switchcontent"> <!-- Содержимое информационного блока --> <img src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/306/2.png"><div align="center"><a href="http://webkpb.ucoz.ru" target="_blank" title="Открыть сайт">WebKPB</a></div> Большая библиотека Flash всевозможного назначения. Для удобства поиска и работы все Flash сведены в тематический каталог. Каждую Flash можно посмотреть в работе. К кажтой Flash есть fla исходник. </div> <h3 onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer">Блок 2</h3> <div id="sc2" class="switchcontent"> <img src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/306/2.png"><div align="center"><a href="http://kpbshablon.ucoz.ru" target="_blank" title="Открыть сайт">KPBshablon</a></div> На сайте представлены совремнные креативные дизайны и их шаблоны для движка UCOZ. Все дизайны и их компановки можно посмотреть в работе. Все элементы присутствующие в DEMO версии идут в комплекте. Возможно изменение кмплектности и компановки понравившегося Вам дизайна конкретно под Вас. </div> <h3 onClick="expandcontent('sc3')" style="cursor:hand; cursor:pointer">Блок 3</h3> <div id="sc3" class="switchcontent"> <img src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/306/2.png"><div align="center"><a href="http://kpbwebstudio.narod.ru" target="_blank" title="Открыть сайт">KPBwebStudio</a></div> Это моя личная WEBстудия. Здесь Вы можете посмотреть некоторые мои работы, ознакомиться с перечнем оказываемух мною услуг и ценами на них. Сайт сделан полностью по Flash технологии. Рекоментую посетить. </div>
Здесь, думаю, всё понятно без дополнительных пояснений. Колличество информационных блоков на страничке на Ваше усмотрение. Блоки можно группировать(как в примере) или распологать на страничке хаотично, там где Вам нужно(в этом случае присвоить переменной collapseprevious="yes"). В блоки можно вставлять любые теги, т.е. всё что Вам нужно.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.