Дрожание анимации
Пытаюсь сделать в шапке кнопки в виде двигающихся картинок. Столкнулся с проблемой дрожания этих самых картинок при анимации. Сделал очень простой скрипт:
http://maestro-magnifico.ru/testdir/...age-slider.php Более-менее безглючно оно работает только в фаерфоксе, в хроме и особенно в IE возникает сильное дрожание. Ежели кто сталкивался с подобным извращением, подскажите плз как это можно сделать более плавно. |
для плавности можете добавить элементам css-свойство transition.
|
Я думал, это форум по JS...
|
$(document).ready(function() { $('#divisions li').mouseover(function() { $(this).animate({'width': '150'}, 300); }); $('#divisions li').mouseleave(function() { $('#divisions li').animate({'width': '70'}, 300).dequeue(); }); }); так попробуйте |
Нет никакого эффекта. Вообще, если посмотреть Файребагом, то видно, что при пересечении курсором границы картинок, меняется положение обоих картинок. Это и есть видимое дрожание.
//add Проехали, воспользовался плагином Accordionza. Получилось не совсем то, что я задумывал, но по крайней мере без дрожания. |
Часовой пояс GMT +3, время: 03:42. |