Плавная оптическая ротация растворением - проявлением блоков текста
fon
Загружается . . . Ждите . . .
It is loaded . . . Wait . . .
Wird beladen . . . Warten Sie . . .
Es cargado . . . Esperen . . .
Est chargé . . . Attendez . . .
QR код

Плавная оптическая ротация растворением - проявлением блоков текста на основе jQuery системы .

Главная страница сайта .
Реальный пример .
Меня скрутило - судорога прошла от пяток до затылка .
Я даже что-то прошипел , открывая глаза и оглядывая вагон .
Девушку я выделил вмиг.
Очень миленькая , молодая .
В нарядной шубке , с сумочкой и книжкой в руках .
И с таким черным вихрем над головой , какого я уже лет пять не видел !
Наверное , у меня был безумный взгляд .
Девушка его почувствовала , глянула на меня , тут же отвернулась .
Ты бы лучше вверх посмотрела !
Ощущение цели не ослабло .
Парень вышел на " Алексеевской" .
Прекрасно .
Девушка или мальчик ?
Кто из них ?
Я позволил себе украдкой поглядеть на обоих .
Девушка была пухленькая , розовощекая , внимательно читала " МК " .
Никакого волнения не проявляла .
Мальчик , наоборот , тощенький и хрупкий , стоит у двери , водя пальцем по стеклу .
На мой взгляд девушка была гораздо . . , аппетитнее .
Два к одному , что она .
Но , в общем-то , тут все решает вопрос пола .
Я уже начал слышать Зов .
Проклятие !
Они были еще совсем рядом , и я не мог понять , кого из них чувствую !
И тут мелодия Зова ликующе взвилась , в нее стала вкрадываться речь .
Женская !
Я выскочил из сходящихся дверей , торопливо пошел следом за мальчиком .
Прекрасно .
Охота подходит к концу .
Вот только как я собираюсь справится с разряженным амулетом ?
Ума не приложу . . .
HTML данного примера .
<script type="text/javascript">
function theshoEsq() {$('#shoEsq div').css({opacity: 0.0}); $('#shoEsq div:first').css({opacity: 1.0}); setInterval('rotate()',7000);} function rotate() {var current = ($('#shoEsq div.show')? $('#shoEsq div.show') : $('#shoEsq div:first'));var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#shoEsq div:first') :current.next()) : $('#shoEsq div:first'));next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);current.animate({opacity: 0.0}, 1000).removeClass('show');}; $(document).ready(function() {theshoEsq();});
</script>
<div id="shoEsq"><div class="show">Меня скрутило - судорога прошла от пяток до затылка .<br>Я даже что-то прошипел , открывая глаза и оглядывая вагон .<br>Девушку я выделил вмиг. <br>Очень миленькая , молодая . В нарядной шубке , с сумочкой и книжкой в руках .<br>И с таким черным вихрем над головой , какого я уже лет пять не видел !<br>Наверное , у меня был безумный взгляд .<br>Девушка его почувствовала , глянула на меня , тут же отвернулась .<br>Ты бы лучше вверх посмотрела !</div><div>Ощущение цели не ослабло .<br>Парень вышел на " Алексеевской" .<br>Прекрасно . Девушка или мальчик ? Кто из них ?<br>Я позволил себе украдкой поглядеть на обоих .<br>Девушка была пухленькая , розовощекая , внимательно читала " МК " .<br>Никакого волнения не проявляла .<br>Мальчик , наоборот , тощенький и хрупкий , стоит у двери , водя пальцем по стеклу .<br>На мой взгляд девушка была гораздо . . , аппетитнее .<br>Два к одному , что она .<br>Но , в общем-то , тут все решает вопрос пола .<br>Я уже начал слышать Зов .</div><div>Проклятие !<br>Они были еще совсем рядом , и я не мог понять , кого из них чувствую !<br>И тут мелодия Зова ликующе взвилась , в нее стала вкрадываться речь .<br>Женская !<br>Я выскочил из сходящихся дверей , торопливо пошел следом за мальчиком .<br>Прекрасно .<br>Охота подходит к концу .<br>Вот только как я собираюсь справится с разряженным амулетом ?<br>Ума не приложу . . .
</div>
</div>
CSS данного примера .
#shoEsq {position: relative; left: 0px; top: 0px; width: 150px;}
#shoEsq div {position: absolute; left: 0px; top: 0px; width: 150px; height: 200px;}
jQuery скрипт ротатора блоков текста .

Выделенное цветом значение 7000 задёт время демонстрации изображения в ротаторе между сменами блоков текста . Измеряемое в миллисекундах .
function theshoEsq() {$('#shoEsq div').css({opacity: 0.0}); $('#shoEsq div:first').css({opacity: 1.0}); setInterval('rotate()',7000);} function rotate() {var current = ($('#shoEsq div.show')? $('#shoEsq div.show') : $('#shoEsq div:first'));var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#shoEsq div:first') :current.next()) : $('#shoEsq div:first'));next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);current.animate({opacity: 0.0}, 1000).removeClass('show');}; $(document).ready(function() {theshoEsq();});

Non-Commercial Use: Free Runettex_team_ESQ © 2009 - 2016 Хостинг от uCoz