Ротация текста с помощью javascript

А2
На сайте с 14.08.2014
Offline
5
879

Подскажите, пожалуйста, что нужно изменить (вставить) в код javascript, чтобы текст менялся с эффектом перелистывания (сдвига) с верху вниз или снизу вверх?

вот код:

<script type="text/javascript">

var elements = 4; //количество div-элементов с текстом

var time = 8; //задержка смены текста по времени в секундах

var currentText = 0;

var color = 255;

noElement = elements + 1;

time = time*1000;

function blockRotator () {

currentText++;

if (currentText == noElement) {

currentText = 1;

}

if (currentText == 1) {

prevText = elements;

}

else {

prevText = currentText - 1;

}

var hide = document.getElementById('block'+prevText);

hide.style.display = 'none';

var show = document.getElementById('block'+currentText);

show.style.display = 'block';

setTimeout('blockRotator()', time);

}

window.onload = blockRotator;

</script>

А2
На сайте с 14.08.2014
Offline
5
#1

В интернете нашел пару кодов, которые позволяют производить нужную мне ротацию, единственное, их нужно конвертировать под код выше. Буду благодарен за помощь.

Первый код

$('#scrollDown')

.cycle('scrollDown');

Эффект, как здесь

h t t p ://skriptkpbstudio.ucoz.ru/demo_srt/jquery_slajder/915/demo_okno1_qffekty.html

Второй код

<script type="text/javascript">

$(document).ready(function(){

$('#slider1').cycle({

fx: 'fade',

speed: 1000,

timeout: 5000,

pause: 1,

prev: '#back',

next: '#forward',

pager: '#pager'

});});

</script>

Эффект, как на втором баннере, только сверху вниз

h t t p ://online-dohod.ru/demo/slider/index.html

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий