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

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

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


Первый блок (Открыть) WebKPB Большая библиотека Flash всевозможного назначения. Для удобства поиска и работы все Flash сведены в тематический каталог. Каждую Flash можно посмотреть в работе. К кажтой Flash есть fla исходник. Второй блок(Открыть) KPBshablon На сайте представлены совремнные креативные дизайны и их шаблоны для движка UCOZ. Все дизайны и их компановки можно посмотреть в работе. Все элементы присутствующие в DEMO версии идут в комплекте. Возможно изменение кмплектности и компановки понравившегося Вам дизайна конкретно под Вас. Третий блок(Открыть) KPBwebStudio Это моя личная WEBстудия. Здесь Вы можете посмотреть некоторые мои работы, ознакомиться с перечнем оказываемух мною услуг и ценами на них. Сайт сделан полностью по Flash технологии. Рекоментую посетить.	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<STYLE type=text/css> /* стили элементов управления и его частей / h3 {cursor:hand; cursor:pointer; color: #00ffff;} h3 font {font-size: 12px; color: #fff;} / информационный блок и его элементы */ .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 zakryt = "<font style='color: #ff0000'>(Закрыть)</font>" // сообщение ЗАКРЫТЬ и его стиль var otkryt = "(Открыть)" // сообщение ОТКРЫТЬ var kolll = 3; // колличество блоков </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/330/prostoj_skryt_qlement.js"></script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет переключатель.
	<!-- Ссылка управления блоком --> <h3 onClick="expandcontent('sc1')">Первый блок <font id="sc1chtodel">(Открыть)</font></h3> <!-- Информационный блок --> <div id="sc1" class="switchcontent"> <!-- Содержимое информационного блока --> <img src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/330/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')">Второй блок<font id="sc2chtodel">(Открыть)</font></h3> <div id="sc2" class="switchcontent"> <img src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/330/2.png"><div align="center"><a href="http://kpbshablon.ucoz.ru" target="_blank" title="Открыть сайт">KPBshablon</a></div> На сайте представлены совремнные креативные дизайны и их шаблоны для движка UCOZ. Все дизайны и их компановки можно посмотреть в работе. Все элементы присутствующие в DEMO версии идут в комплекте. Возможно изменение кмплектности и компановки понравившегося Вам дизайна конкретно под Вас. </div> <h3 onClick="expandcontent('sc3')">Третий блок<font id="sc3chtodel">(Открыть)</font></h3> <div id="sc3" class="switchcontent"> <img src="http://skriptkpbstudio.ucoz.ru/demo_srt/perekluchat/330/2.png"><div align="center"><a href="http://kpbwebstudio.narod.ru" target="_blank" title="Открыть сайт">KPBwebStudio</a></div> Это моя личная WEBстудия. Здесь Вы можете посмотреть некоторые мои работы, ознакомиться с перечнем оказываемух мною услуг и ценами на них. Сайт сделан полностью по Flash технологии. Рекоментую посетить. </div>
Блоки можно группировать(как в примере) или распологать на страничке хаотично, там где Вам нужно. В блоки можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.