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

Динамичный эффект в качестве фона ( Вариант 3) - отдельного элемента странички.

Динамичный эффект в качестве фона: ( Вариан1 ) - странички -\|- ( Вариан2 ) - заставки -\|- ( Вариан3 ) - отдельного элемента странички
Ваш браузер не поддерживает плавающие фреймы!	Поводите по слайдеру курсором
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<iframe style="-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 2px solid #ff00ff;" id="myimg" name=okno src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/388/qffekt-frame.html" frameborder=0 width="480" height="297" hspace="0" vspace="0" align="left" scrolling="no"> Ваш браузер не поддерживает плавающие фреймы! </iframe>
	Здесь, впринципе, пояснять нечего.
	HTML код файла qffekt-frame.html находящегося во фрейме.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0052)http://www.skriptkpbstudio.ucoz.ru/ --> <html> <HEAD><TITLE>Эффекты на основе Java Script, jQuery и т.д.</TITLE> <META http-equiv=Content-Type content="text/html; charset=UTF-8"> <META content="MSHTML 6.00.2900.2180" name=GENERATOR> <STYLE type=text/css> .ramka { BORDER-RIGHT: #ff3309 1px solid; BORDER-TOP: #ff3309 1px solid; BORDER-LEFT: #ff3309 1px solid; BORDER-BOTTOM: #ff3309 1px solid} body{ scrollbar-base-color: #444444} a:link {text-decoration:none; color:#00ff00;} a:active {text-decoration:none; color:#ffff00;} a:visited {text-decoration:none; color:#ffff00;} a:hover {text-decoration:underline; color:#00ff00;} .pole {background:#aaaaaa; color:#000000;} .knopka {background:#333333; color:#ffffff;} </STYLE> <!-- фон полное описание http://skriptkpbstudio.ucoz.ru/demo_srt/fon/385 --> <style> html {overflow:hidden} #main_area { position:relative; height:100%; } .transp { filter:alpha(opacity=20); opacity:0.2; left:-1000px; position:absolute; } </style> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/388/js/main.js"></script> <!-- END фон --> <!-- Слайдер полнон описание http://skriptkpbstudio.ucoz.ru/load/jquery/slajd_shou/avtomaticheskij_perekljuchatel_slajder_informacionnykh_blokov/58-1-0-995 --> <STYLE type=text/css> /* стиль текста в блоках / P {FONT-SIZE: 12px; MARGIN: 13px; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left} / размеры и стиль блока в целом / .code {/BORDER-RIGHT: #ccc 2px solid; BORDER-TOP: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid;/ BACKGROUND-COLOR: transparent; width: 470px; position:absolute; z-index: 10;} / стиль ссылки Подробнее / A.ssilka {COLOR: #00ffff; FONT-FAMILY: Verdana, Geneva, sans-serif} PRE {DISPLAY: none} / стиль картинок в блоках / .image_left {BORDER: #00cc66 2px solid; MARGIN-TOP: 6px; FLOAT: left; MARGIN-RIGHT: 6px; POSITION: static} / стиль заголовка блока */ .zagolovok {MARGIN: 13px; FONT: bold 16px/20px Verdana, Arial, Helvetica, sans-serif; COLOR: #0f0; TEXT-ALIGN: center} </STYLE> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/388/script/jQuery_1.2.6.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/388/script/jQueryCycle.js"></script> <script type="text/javascript"> $.fn.cycle.defaults.timeout = 6000; $(function() { $('td pre code').each(function() { eval($(this).text()); }); }); </script> <!-- DOCUMENT BODY STARTS --></HEAD> <body text=#ff6d2f leftMargin=0 topMargin=0 rightMargin=0 bgcolor="#000000"> <TABLE class=code> <TBODY> <TR> <TD> <DIV id=s7> <DIV> <DIV class=zagolovok>"Магазон современных креативных дизайнов" </DIV> <P><IMG class=image_left height=184 src="http://skriptkpbstudio.ucoz.ru/kartink_primery/kpbshablon250.jpg" width=250 align=left>На сайте представлены совремнные креативные дизайны и их шаблоны для движка UCOZ. Все дизайны и их компановки можно посмотреть в работе. Все элементы присутствующие в DEMO версии идут в комплекте. Возможно изменение комплектности и компановки понравившегося Вам дизайна конкретно под Вас. <P>Подробности <A class=ssilka href="http://kpbshablon.ucoz.ru" target=_blank>здесь.</A> </P></DIV> <DIV> <DIV class=zagolovok>"Большая библиотека бесплатных JavaScript, jQuery, mootools и HTML&CSS эффектов" </DIV> <P><IMG class=image_left height=120 src="http://skriptkpbstudio.ucoz.ru/flash/zastawka_script_luch1.gif" width=280 align=left>На этом сайте представлены большие коллекции JavaScript, jQuery, mootools и HTML&CSS эффектов. Все материалы систематезированы и разбиты на каталоги и разбела. К каждому скрипту прилагается пример, позволяющий увидеть его в работе. Все материалы, представленные на сайте, распространяются бесплатно. <P>Подробности <A class=ssilka href="http://skriptkpbstudio.ucoz.ru" target=_blank>здесь.</A> </P></DIV> <DIV> <DIV class=zagolovok>"Огромная библиотека Flash с исходниками" </DIV> <DIV style="width:468; BORDER: #ff0000 1px solid;"><object id="mov" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="468" height="60"> <param name="src" value="http://skriptkpbstudio.ucoz.ru/flash/banner44.swf" /> <!-- <PARAM NAME="bgcolor" VALUE="#444444"> --> <embed name="gallery" type="application/x-shockwave-flash" src="http://skriptkpbstudio.ucoz.ru/flash/banner44.swf" width="468" height="60"></embed></object></DIV> <p>Здесь Вы найдете интересные календарики, фоны, курсоры, а главное огромную библиотеку Flash всевозможного назначения. Для удобства работы все Flash разбиты на тематические каталоги и подкаталоги. К каждой Flash представленной на сайте существует fla исходник, который Вы можете скачать или заказать бесплатно или за мизерную плату. Здесь Вы также можете сделать заказ на изготовление нужной Вам Flash. При заказе все работы производятся без предоплаты(оплата после выполнения работ), качественно и очень дешево.</P> <P>Подробности <A class=ssilka href="http://webkpb.ucoz.ru" target=_blank>здесь.</A> </P></DIV> <DIV> <DIV class=zagolovok>"Мои услуги и цены на них" </DIV> <DIV style="width:120; BORDER: #ff0000 1px solid;"><object id="mov" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="468" height="60"> <param name="src" value="http://skriptkpbstudio.ucoz.ru/flash/studio_kruglaj_ok_mal24.swf"> <!-- <PARAM NAME="wmode" VALUE="transparent"> --> <!-- <PARAM NAME="bgcolor" VALUE="#444444"> --> <embed name="gallery" type="application/x-shockwave-flash" src="http://skriptkpbstudio.ucoz.ru/flash/studio_kruglaj_ok_mal24.swf" width="468" height="60"></embed></object></DIV> <P>Это моя WEBstudio. Сайт сделан полностью по Flash технологии. Здесь Вы можете посмотреть некоторые мои работы, ознакомиться с оказываемыми мною услугами и ценами на них. Если Вас всё устраивает сделать заказ на нужный Вам сайт или его эмементы.</P> <P>Подробности <A class=ssilka href="http://kpbwebstudio.narod.ru" target=_blank>здесь.</A></P></DIV></DIV> <PRE><CODE class=mix>$('#s7').cycle({ fx: 'scrollLeft', speed: 2000, timeout: 6000 });</CODE></PRE></TD></TR></TBODY></TABLE> <div id="main_area"> <img id="l1" class="transp" src="images/l1.png" /> <img id="l2" class="transp" src="images/l2.png" /> <img id="l3" class="transp" src="images/l3.png" /> <img id="l4" class="transp" src="images/l2.png" /> <img id="l5" class="transp" src="images/l1.png" /> <img id="l6" class="transp" src="images/l2.png" /> <img id="l7" class="transp" src="images/l3.png" /> <img id="l8" src="images/flare1.png" style="position:absolute" /> </div> </body> </html>
Это файл примера того как можно совместно использовать скрипт ( фона ) и например ( слайдера ). Вы можете использовать фон как-то по своему.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.