Запитання з тегом «jquery-animate»

Я намагаюся оживити зміну backgroundColor за допомогою jQuery при переході на мишу. Я перевірив якийсь приклад, і, здається, він має рацію, він працює з іншими властивостями, такими як fontSize, але з фономColor я отримую помилку js "Недійсна властивість". Елемент, з яким я працюю, - це дів. $(".usercontent").mouseover(function() { $(this).animate({ backgroundColor: …

327 javascript  jquery  colors  jquery-animate 

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

225 javascript  jquery  css  jquery-ui  jquery-animate 

Я хочу , щоб анімувати <div>від 200pxдо autoвисоти. Я не можу, здається, змусити його працювати. Хтось знає як? Ось код: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript  jquery  html  css  jquery-animate 

Я встановлюю сторінку, щоб прокручуватися доверху, коли натискається кнопка. Але спочатку я використав оператор if, щоб перевірити, чи не встановлено верхню частину сторінки 0. Потім, якщо це не 0, я анімую сторінку, щоб прокрутити її до початку. var body = $("body"); var top = body.scrollTop() // Get position of the …

171 jquery  jquery-animate  scrolltop 

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

123 jquery  scroll  jquery-animate 

Я працюю над створенням крос-браузерної сумісної ротації (тобто 9 +), і у мене є такий код у 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 і …

82 jquery  css  rotation  jquery-animate 

Який правильний синтаксис для анімації властивості box-shadow за допомогою jQuery? $().animate({?:"0 0 5px #666"});

75 jquery  css  jquery-animate  box-shadow