div에서 jQuery CSS border fadeout 효과

jQuery를 사용하여 드래그하고 정렬 할 수있는 div가 있습니다. div에는 회색 테두리가있는 자식 div가 들어 있으며 끌기가 시작되면 CSS 클래스 "mybox-on-drag"을 추가하여 테두리 색상을 파란색으로 바꿉니다. 그런 다음 드래그가 멈 추면 클래스를 제거하기 위해 토글합니다.div에서 jQuery CSS border fadeout 효과

이제 정지 기능 중에 어떻게 파란색을 페이드 아웃하고 회색으로 되돌릴 수 있습니까?

  start: function(event, ui) { 
        ui.item.children("#mybox").toggleClass("mybox-on-drag"); 
      }, 
      stop: function(event, ui) { 
        ui.item.children("#mybox").toggleClass("mybox-on-drag"); 
      }

감사합니다.

출처

2014-07-10 user3658423

jquery 색상과 같은 것을 사용해야 할 수도 있습니다. http://blog.jquery.com/2012/08/24/jquery-color-2-1-0/ – ntgCleaner

CSS3 전용 솔루션이 만족 스럽다면 새로운 transition -Feature (이전 브라우저에서는 지원되지 않음)를 사용해보십시오.

그렇지 않으면 .animate 기능을 사용하여 jQuery로 색상을 설정해보십시오.

ui.item.children("#mybox").animate({border-color: "#efefef"}, 500);

편집 : JQuery와 솔루션의 경우, 당신은 코멘트에 명시된 바와 같이, jQuery를 색상을 필요로한다!

출처

2014-07-10 21:12:16 tillz

지원되지 않는 이전 브라우저는 무엇입니까? 답변 주셔서 감사합니다. – user3658423

링크 된 CSS3 사양 페이지에서 좋은 브라우저 지원 테이블입니다. 주로 IE <9.0, Chrome <26.0, FF <16.0, Safari <6.1입니다. – tillz

div에서 jQuery CSS border fadeout 효과

답변

관련 문제