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

Автоматический переключатель(слайдер) информационных блоков

"Большая библиотека бесплатных JavaScript, jQuery, mootools и HTML&CSS эффектов"

На этом сайте представлены большие коллекции JavaScript, jQuery, mootools и HTML&CSS эффектов. Все материалы систематезированы и разбиты на каталоги и разбела. К каждому скрипту прилагается пример, позволяющий увидеть его в работе. Все материалы, представленные на сайте, распространяются бесплатно.

Подробности здесь.

"Огромная библиотека Flash с исходниками"

Здесь Вы найдете интересные календарики, фоны, курсоры, а главное огромную библиотеку Flash всевозможного назначения. Для удобства работы все Flash разбиты на тематические каталоги и подкаталоги. К каждой Flash представленной на сайте существует fla исходник, который Вы можете скачать или заказать бесплатно или за мизерную плату. Здесь Вы также можете сделать заказ на изготовление нужной Вам Flash. При заказе все работы производятся без предоплаты(оплата после выполнения работ), качественно и очень дешево.

Подробности здесь.

"Мои услуги и цены на них"

Это моя WEBstudio. Сайт сделан полностью по Flash технологии. Здесь Вы можете посмотреть некоторые мои работы, ознакомиться с оказываемыми мною услугами и ценами на них. Если Вас всё устраивает сделать заказ на нужный Вам сайт или его эмементы.

Подробности здесь.

$('#s7').cycle({
fx:     'scrollLeft',
    speed: 2000,
    timeout: 10000
});

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

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

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

<STYLE type=text/css>
/* стиль текста в блоках */
P {FONT-SIZE: 12px; MARGIN: 13px; COLOR: #000; 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: #777; width: 470px;}
/* стиль ссылки Подробнее */ 
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/jquery_slajder/995/script/jQuery_1.2.6.js"></script>
  <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_slajder/995/script/jQueryCycle.js"></script>
  <script type="text/javascript">
  $.fn.cycle.defaults.timeout = 0;     
  $(function() {
$('td pre code').each(function() {
eval($(this).text());
});
});
</script>

Все стили и параметры переключателя(слайдера) блоков информации задаются в CSS. Там все основное подписано, проблем быть не должно.

Внутри тега <BODY> - </BODY> там где у Вас будет переключатель.

<TABLE class=code>
        <TBODY>
        <TR>
          <TD>
            <DIV id=s7>
            <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/Frame_74_moj.swf" />

 <embed name="gallery" type="application/x-shockwave-flash" src="http://skriptkpbstudio.ucoz.ru/flash/Frame_74_moj.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" />


 <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>

Здесь, я думаю, всё должно быть понятно. Колличество блоков в переключателе(слайдере) на Ваше усмотрение. В блоках можно размещать любую нужную Вам информацию. Изменяя параметр "fx:" на значения scrollUp, scrollDown, scrollRight, scrollLeft, можете добиться нужного направления анимации блока. Значение timeout - это период смены блоков в милисекундах. Его вы тоже можете изменять по своему усмотрению. Патаметр speed - определяет скорость смены блоков. Но впринципе, данный пример является частным применением, очень подробно описанного мною, примера("Галереи, ротатеры и слайдеры") по использования плагинов для созданию всевозможных слайдеров, галерей, переключателей и т.д.

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

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