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

Переключение окон

Начальная ссылка	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_bloki/976/prototype.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_bloki/976/rico.js"></script> <style> /* стиль окна и его содержимого */ div.sizeMe { width : 120px; padding-top : 5px; padding-bottom : 5px; background-color : #c6c3de; font-family : Arial; font-size : 11px; text-align : center; border:solid 1px #ffff00; } </style> <script> var startWidth; var effectDone = false; function toggleEffect() { if ( !effectDone ) { startEffect(); effectDone = true; $('toggle').innerHTML = 'Конечная ссылка'; } else { resetEffect(); effectDone = false; $('toggle').innerHTML = 'Исходная ссылка'; } } function startEffect() { startWidth = $('sizeMe').offsetWidth; // ширина, высота(если null - то без изменения сохраняется предыдущий размер), скорость, количество шагов new Rico.Effect.Size( $('sizeMe'), 450, null, 500, 10, {complete:function() {setStatus('Временное сообщение',1500);}} ); // временное сообщение и время его отображения } function setStatus(s,n) { $('statusContainer').style.visibility = "visible"; $('statusMsg').innerHTML = s; setTimeout( "$('statusContainer').style.visibility = 'hidden';", n ); } function resetEffect() { $('sizeMe').style.width = startWidth; } </script>
Впринцепе всё подписано.
Внутри тега <BODY> - </BODY> там где у Вас будет окно.
<div align="center"> <div id="statusContainer" class="statusContainer"> <!-- основной контейнер --> <span class="statusMsg" id="statusMsg"></span> <!-- контейнер названия окон --> </div> <div id="sizeMe" class="sizeMe roundNormal"> <!-- контейнер информации --> <div style="height:50px;"> <a id="toggle" style="color:#5b5b5b" href="javascript:toggleEffect()">Начальная ссылка</a> </div> </div></div>
Всё тоже подписано. Плагины позволяют менять(или не менять) размеры окна с разной скоростью, менять информацию внутки окона, менять названия окон, выводить временное сообщение в названии окон, вставлять другие контейнера и т.д. Когда я нашел эти плагины с этим примером, они мне не понравились. Но присмотревшись и немного над ним помудрив я понял что на их основе можно делать красивые переключающиеся окна, например такие
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.