Форум Практика оптимизации Любые вопросы от новичков по оптимизации

Плавная листалка дива

V8
На сайте с 14.05.2012
Offline
30
vovik88
857

на сайте aviatula.ru надо сделать перелистывание горячих предложений (блок под навигационным меню), не просто скроллинг, а как слайд шоу, только вместо картинок дивы, в идеале бы хотелось перелистывание справа налево, но подойдёт вариант с изменнеием прозрачности, желательно без больших библиотек типа jquery, а простыми средствами css и javascript. спасибо.

V8
На сайте с 14.05.2012
Offline
30
vovik88
#1

незнаю как удалить тему, решение пришлось сделать самому за час

итак: 


<style>

.scrollingBlock{

-moz-transition: margin-left 220ms ease-out;

-webkit-transition: margin-left 220ms ease-out;

-o-transition:  margin-left 220ms ease-out;

transition: margin-left 220ms ease-out;

}

</style>



<script type="text/javascript"><!--



document.i=0;

function nextscroll()

{

marVar=(document.i*660*-1)+"px";

document.getElementById("scrollingBlock").style.marginLeft=marVar;

if (document.i<3) document.i++; else document.i=0;

setTimeout('nextscroll()', 2900);

}

nextscroll();

//--></script>

пример работает тут.

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