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

Красивые всплывающие окна

Пример (окно сверху - выезд/заезд) || Пример (окно вовесь экран - проявление/заезд)

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

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

<STYLE type=text/css>
/* стиль окна и элементов в нём */
#meerkat-container {POSITION: relative;}
#meerkat {DISPLAY: none; WIDTH: 100%;}
#meerkat-content {MARGIN: 0px auto; WIDTH: 960px; PADDING-TOP: 10px;}
#meerkat-content H1 {FONT-SIZE: 3.8em; COLOR: #fff}
#meerkat-content P {FONT-SIZE: 1.2em; COLOR: #fff}
#meerkat-content A.dont-show {FONT-WEIGHT: bold; COLOR: #fff}
#meerkat-content A.dont-show:hover {COLOR: #fff; TEXT-DECORATION: none}
#meerkat-content-adsense {MARGIN: 0px 10px; WIDTH: 730px; PADDING-TOP: 10px;}
/* кнопка или ссылка "Сброс" */
/* A.close {DISPLAY: block; RIGHT: 2px; BACKGROUND: url(close-btn.png) no-repeat 0px 0px; WIDTH: 26px; TEXT-INDENT: -9000px; POSITION: absolute; TOP: 14px; HEIGHT: 26px} */  /* если используете в качестве кнопки картинку */
A.close-meerkat {BORDER-RIGHT: #ff000f 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ff000f 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 14px; RIGHT: 6px; BACKGROUND: #666; PADDING-BOTTOM: 1px; BORDER-LEFT: #ff000f 1px solid; COLOR: #ccc; PADDING-TOP: 0px; BORDER-BOTTOM: #ff000f 1px solid; POSITION: absolute; TOP: 12px; TEXT-DECORATION: none}
A.close-meerkat:hover {BORDER-RIGHT: #00ff00 1px solid; BORDER-TOP: #00ff00 1px solid; BORDER-LEFT: #00ff00 1px solid; COLOR: #2e2a22; BORDER-BOTTOM: #00ff00 1px solid}
</STYLE>

<SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/907/js/jquery-1.3.2.min.js" type=text/javascript></SCRIPT>
<SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_okna/907/js/jquery.meerkat.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
$(document).ready(function(){	         // окно при открытии странички
	meerkat({
		close: '.close-meerkat',
		dontShow: '.dont-show',
		animation: 'slide',
		animationSpeed: 500,
		dontShowExpire: 0,
		removeCookie: '.remove-cookie',
		meerkatPosition: 'bottom',
		background: '#2e2a22 url(meerkat-bg.png) repeat-x 0 0',
		height: '90px'
	});
	
	$(".demo-1-test").click(function(){          // окно сверху
		meerkat({
		close: '.close-meerkat',
		dontShow: '.dont-show',
		animation: 'slide',
		animationSpeed: 500,
		dontShowExpire: 0,
		removeCookie: '.remove-cookie',
		meerkatPosition: 'top',
		background: '#71adff',
		height: '90px'
		});
	  });
	  $(".demo-2-test").click(function(){       // окно во весь экран
		meerkat({
		close: '.close-meerkat',
		dontShow: '.dont-show',
		animation: 'fade',
		animationSpeed: 1500,
		dontShowExpire: 0,
		removeCookie: '.remove-cookie',
		meerkatPosition: 'top',
		background: '#2e2a22 url(meerkat-bg.png) repeat-x 0 0',
		height: '100%'
		});	
	});
});
</SCRIPT>

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

Внутри тега <BODY> - </BODY> лучше в самом низу перед </BODY>

<DIV id=meerkat>
<DIV id=meerkat-content-adsense style="COLOR: #fff;">

<table width=950 cellSpacing=0 cellPadding=0 style="border: #0000ff 2px solid"><tr><td width=205 align=center><strong style="color:#ff0000; FONT-FAMILY: Monotype Corsiva, verdana; FONT-SIZE: 24px;">"KPB Flash студия" </strong><br><font style="padding-left:2px; FONT-SIZE: 13px; COLOR: #00ffff;">Быстро, качественно и не дорого!</font></td>
<td style="border-left: #0000ff 2px solid; border-right: #0000ff 2px solid"><object id="mov" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" style="float: left" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="468" height="60">
<param name="src" value="studio_kruglaj_ok_mal23.swf" />
<PARAM NAME="bgcolor" VALUE=transparent>
 <embed name="gallery" type="application/x-shockwave-flash" src="studio_kruglaj_ok_mal23.swf" width="468" height="60"></embed></object></td>
 <td style="padding-left:3px;"><font style="FONT-SIZE: 14px; color:#00ffff">Иготовливаю любые Flash: шапки, меню, банеры, заставки и т.д. Оплата после выполения заказа Flash.</font></td></tr></table>
 
<A class=close-meerkat title="Закрыть окно">X</A></DIV></DIV>

Здесь тоже всё подписано и проблем быть не должно. В окне можете распологать всё что хотите.

Однако следует подробнее остановится на опциях плагина:

showMeerkatOnLoad - принимает два значения: true или false. Когда true, плагин будет показываться при вызове функции (при загрузке страницы). Когда false, плагин будет работать только при нажатии на кнопку. Когда true, окно будет появляться и сбрасываться без анимации. Когда false, окно будет появляться и сбрасываться с анимацией.
По умолчанию - "false"

close - данная опция принимает любой селектор (к примеру, ".close" или "#close"). Когда пользователь нажимает на селектор, указанный в опциях, плагин будет закрыт.
По умолчанию - "none"

dontShow - данная опция принимает любой селектор (к примеру, ".dont-show" или "#dont-show"). Когда пользователь нажимает на селектор, указанный в опциях, плагин будет закрыт и не будет показан до перезагрузки браузера или до истечения определенного количества дней (зависит от dontShowExpire)
По умолчанию - "none"

dontShowExpire - если Вы задаете эту опцию, у Вас есть возможность определить длительность периода "не отображения" данного плагина. Значение может быть в интервале от 0 до 365. Кроме этого можно указать 0.5 (плагин не будет показываться 12 часов). Если укажите 3, тогда не будет работать 3 дня.
По умолчанию - "0"

removeCookie - используется для удаления Cookie, которое создается опцией dontShow. Опция removeCookie принимает любой селектор (к примеру, ".remove-cookie" или "#remove-cookie").
По умолчанию - "none"

meerkatPosition - принимает два значения top или bottom (верх или низ). Тут, я думаю, все понятно.
По умолчанию - "bottom"

animation - 2 значение - slide(выезд\заезд) или fade(проявление\растворение). Можно варьировать разные типы анимации показа\скрытия плагина.
По умолчанию - "slide"

animationSpeed - скорость анимации. Принимает три значения ("slow", "normal", или "fast") или кол-во милисекунд для анимации (например, 1000).
По умолчанию - "slow"

height - возможно указать высоту блока с помощью всех возможных единиц измерения CSS (px, em, %, auto, и т.д.).
По умолчанию - "auto"

background - можно задать фоновый цвет или изображение. Пример: background: '#000 url(/path/to/bgimage.jpg) no-repeat left top'
По умолчанию - "none".

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

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