jquery_jquery를 기반으로 한 애니메이션 효과 코드

jquery 애니메이션
의 흥미로운 부분은 렌더링에 표시됩니다.

생각:
이미지를 분할 div의 배경 이미지로 설정하고 div의 속성을 제어하여 흥미로운 결과를 만듭니다. 이 예에서는 하나가 에 표시되어 있으며 관심 있는 친구들은 다른 필터를 구현해 볼 수 있습니다.
이 예제의 나머지 애니메이션은 주로 jquery에서 제공되는 animate 및 Delay를 사용하여 구현됩니다.
animate: 이 기능의 핵심은 애니메이션 형식과 결과 스타일 속성 개체를 지정하는 것입니다. 이 개체의 각 속성은 변경할 수 있는 스타일 속성을 나타냅니다.
지연: 대기열에 있는 후속 항목의 실행을 지연하도록 지연을 설정합니다.
효과 예:

<title>jquery 애니메이션</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> *{margin: 0px;padding: 0px;} #test{width:300px; height: 300px; position: relative; margin: 20px auto 0px;} </style> <div id="test"> <img alt="" style="max-width:90%" style="max-width:90%" src="http://files.jb51.net/upload/201207/20120725224206212.jpg"> </div>
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]