«jquery-animate» 태그된 질문

마우스 오버에서 jQuery를 사용하여 backgroundColor의 변경 사항을 애니메이션하려고합니다. 몇 가지 예를 확인한 후 올바른 것으로 보입니다. fontSize와 같은 다른 속성과 작동하지만 backgroundColor를 사용하면 "잘못된 속성"js 오류가 발생합니다. 내가 작업하고있는 요소는 div입니다. $(".usercontent").mouseover(function() { $(this).animate({ backgroundColor: "olive" }, "slow"); }); 어떤 아이디어?

327 javascript  jquery  colors  jquery-animate 

jQuery와 jQuery-ui를 사용하고 있으며 다양한 객체의 다양한 속성에 애니메이션을 적용하고 싶습니다. 여기서 문제를 설명하기 위해 사용자가 마우스를 가져 가면 파란색에서 빨간색으로 변경되는 하나의 div로 단순화했습니다. 을 사용할 때 원하는 동작을 얻을 수 animate()있지만 그렇게 할 때 애니메이션 스타일이 애니메이션 코드에 있어야하므로 스타일 시트와 별개입니다. ( 예 1 참조 ) 대안은 …

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 body if(top!=0) { body.animate({scrollTop:0}, '500'); } 까다로운 부분은 이제 페이지가 …

171 jquery  jquery-animate  scrolltop 

페이지로드시 특정 ID로 스크롤을 애니메이션화합니다. 나는 많은 연구를 수행했고 이것을 발견했습니다. $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); 그러나 이것은 ID에서 시작하여 페이지 상단으로 애니메이션되는 것 같습니다. 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은 정말 간단하고 데모 용입니다. .SomeDiv{ width:50px; …

81 jquery  css  rotation  jquery-animate