Дрожание анимации
Пытаюсь сделать в шапке кнопки в виде двигающихся картинок. Столкнулся с проблемой дрожания этих самых картинок при анимации. Сделал очень простой скрипт:
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, время: 01:48. |