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

Демо окно №5 - Смена текстового контента

St Andrews State Park - Panama City, FL This park is one of the most popular outdoor recreation spots in Florida. St Andrews State Park - Panama City, FL This park is one of the most popular outdoor recreation spots in Florida. Located in the Florida panhandle, the 1,260 acre park is situated on a scenic peninsula and is well known for its sugar white sands and brilliant blue water. There are tons of options you can use to control how and when your slide transitions occur. Test them out and see what ones you like. Check out the many examples on this website and see which ones catch your eye. `$('#slide').cycle({ fx: 'shuffle', shuffle: { top: -230, left: 230 }, easing: 'backinout' });`	<Закрыть окно>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_slajder/915/js/jquery.min.js" type=text/javascript></SCRIPT> <SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_slajder/915/js/jquery.cycle.all.min.js" type=text/javascript></SCRIPT> <SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_slajder/915/js/jquery.easing.1.1.1.js" type=text/javascript></SCRIPT> <STYLE type=text/css> /* стиль и параметры зоны эффекта / .example {FLOAT: left; MARGIN: 20px; CURSOR: pointer; BORDER-BOTTOM: #ccc 1px solid;} / стиль и параметры зоны контент / .pics {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 232px; PADDING-TOP: 0px; HEIGHT: 232px; FLOAT: left;} / сама контент / .pics DIV {BORDER-RIGHT: #ff8888 16px ridge; PADDING-RIGHT: 0px; BORDER-TOP: #ff8888 16px ridge; PADDING-LEFT: 10px; LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ff8888 16px ridge; WIDTH: 200px; PADDING-TOP: 10px; BORDER-BOTTOM: #ff8888 16px ridge; TOP: 0px; HEIGHT: 200px; BACKGROUND-COLOR: #555;} / стиль картинки в зоне контент / .pics DIV IMG {MARGIN-RIGHT: 5px; border: #00ff00 1px solid;} / прочие стили не относящиеся к эффектам */ PRE {HEIGHT: 100px; padding-left: 15px;} UL {FLOAT: left; MARGIN: 0px 10px 10px} LI {FONT-WEIGHT: 700; CURSOR: pointer; COLOR: #00ff00} LI.activ {COLOR: red; text-decoration:underline;} H1 {color: #00ffff; text-decoration:underline; font-size: 18px; FONT-WEIGHT: bold;} H3 {color:#00ffff; font-family: Monotype Corsiva, Arial, Helvetica;} </STYLE> <SCRIPT type=text/javascript> $(document).ready(function() { $('#slide').cycle({ fx: 'shuffle', // смотри demo 2 ghbvth 2 shuffle: { top: -230, left: 230 }, easing: 'backinout' }); }); </SCRIPT>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет объект.
	<DIV style="CLEAR: both"></DIV> <DIV class=example> <DIV class=pics id=slide> <DIV> <!-- Контент 1 --> <IMG style="" alt="Картинка 1" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_slajder/915/img/beach1.jpg" width=64 align=left> St Andrews State Park - Panama City, FL This park is one of the most popular outdoor recreation spots in Florida. St Andrews State Park - Panama City, FL This park is one of the most popular outdoor recreation spots in Florida. </DIV> <DIV> <!-- Контент 2 --> <IMG alt="Картинка 2" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_slajder/915/img/beach2.jpg" width=64 align=left> Located in the Florida panhandle, the 1,260 acre park is situated on a scenic peninsula and is well known for its sugar white sands and brilliant blue water. </DIV> <DIV> <!-- Контент 3 --> There are tons of options you can use to control how and when your slide transitions occur. Test them out and see what ones you like. Check out the many examples on this website and see which ones catch your eye. </DIV></DIV></DIV>
	Задаём сами контенты. Их колличество на Ваше усмотрение. В каждом из них можно распологать всё что Вы хотите.
	И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.