Вопросы с тегом «jquery-animate»

Я пытаюсь анимировать изменение в backgroundColor с помощью jQuery при наведении курсора. Я проверил некоторый пример, и я, кажется, правильно, он работает с другими свойствами, такими как fontSize, но с backgroundColor я получаю и "Invalid Property" js error. Элемент, с которым я работаю - это div. $(".usercontent").mouseover(function() { $(this).animate({ backgroundColor: …

327 javascript  jquery  colors  jquery-animate 

Я использую jQuery и jQuery-ui и хочу анимировать различные атрибуты различных объектов. Для объяснения этой проблемы я упростил ее до одного деления, которое меняется с синего на красный, когда пользователь наводит курсор на него. Я могу получить желаемое поведение при использовании animate(), однако при этом анимируемые стили должны быть в …

226 javascript  jquery  css  jquery-ui  jquery-animate 

Я установил страницу для прокрутки вверх при нажатии кнопки. Но сначала я использовал оператор if, чтобы увидеть, не была ли верхняя часть страницы установлена ​​на 0. Затем, если это не 0, я анимирую страницу, чтобы прокрутить ее до верха. var body = $("body"); var top = body.scrollTop() // Get position …

172 jquery  jquery-animate  scrolltop 

Я хочу , чтобы анимировать <div>от 200pxдо autoвысоты. Я не могу заставить его работать, хотя. Кто-нибудь знает как? Вот код: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript  jquery  html  css  jquery-animate 

Я собираюсь анимировать прокрутку до определенного идентификатора при загрузке страницы. Я провел много исследований и наткнулся на следующее: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); но похоже, что это начинается с идентификатора и анимируется в верхней части страницы? HTML (который находится на полпути вниз по странице) просто: <h2 id="title1">Title here</h2>

123 jquery  scroll  jquery-animate 

Я работаю над созданием кроссбраузерной ротации (ie9 +), и у меня есть следующий код в jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, 1000); } CSS и HTML действительно …

81 jquery  css  rotation  jquery-animate