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

Информация

Сюда можете вставить все что угодно :) текст, картинки, ссылки, таблички, меню, формы, Flash

Вызов(выезд) информационного окна и его закрытие(заезд)

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

<STYLE type=text/css media=screen>
.slide-out-div {BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 20px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 20px; BACKGROUND: #201d4b; PADDING-BOTTOM: 20px; BORDER-LEFT: #fff 2px solid; WIDTH: 450px; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px solid;}    /* размеры и стиль блока */
</STYLE>
<SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/923/js/jquery.min.js" type=text/javascript></SCRIPT>
<SCRIPT>
var smeshenie = 3;                                                 // величина выезда блока от края экрана
         $(function(){
             $('.slide-out-div').tabSlideOut({
                 tabHandle: '.handle',                              //класс элемента
                 pathToTabImage: 'http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/923/images/contact_tab.gif',          //путь к картинке кнопки вызова *required*
                 imageHeight: '122px',                               //высота картинки  *required*
                 imageWidth: '40px',                               //ширина картинки *required*    
                 tabLocation: 'left',                               //расположение блока(от куда выезжает) возможно: top, right, bottom, or left
                 speed: 300,                                        // шаг анимации выезда/заезда
                 action: 'click',                                   //options: 'click' or 'hover', задаёт при каком условии происходид выезд блока
                 topPos: '100px',                                   //смещение сверху (from the top)
                 fixedPosition: false                               //options: true makes it stick(fixed position) on scroll
             });
         });
</SCRIPT>
<SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/923/js/jquery.tabSlideOut.v1.2.js"></SCRIPT>

Всё подписано, проблем быть не должно.

Внутри тега <BODY> - </BODY> в любом месте.

Задаём содержимое блока. Для закрытия блока можно кликнуть в любом месте странички вне блока или повторно по картинке управления.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.