집 >웹 프론트엔드 >JS 튜토리얼 >jQuery 애니메이션의 간단한 예 effect_jquery

jQuery 애니메이션의 간단한 예 effect_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의: 2016-05-16 17:02:111383검색

1. 수요 이유
현재 jQuery는 비교적 성숙한 프레임워크이며 이를 기반으로 하는 플러그인이 수백 개 있습니다. 이 예에서는 jQuery를 수동으로 사용하여 구현합니다. 애니메이션 효과.

2. 구체적인 구현

코드 복사 코드는 다음과 같습니다.

jQuery를 사용하여 애니메이션 구현 효과 title><br><script></script><br><style type=" text/css "><BR> #test {<BR> 위치:상대적;<BR> 너비:100px;<BR> 높이:100px;<BR> 테두리:1px 솔리드 #0050d0;<BR> 배경:#96e555 ;<BR>         커서:포인터;<BR>                                                                   > 0.5");//불투명도 설정<BR>                                                                                                                     ,높이:"200px",불투명도:"1"},300)<BR> .animate({top:"200px",width:"200px"},300)<BR> .fadeOut("slow") ;<BR>        }); div><BR><BR>< ;/html><BR><BR><BR><BR>3. 실행 결과<BR><BR>
<BR><BR><BR></style>

성명：

이전 기사：js는 기본 이벤트를 방지하고 js는 이벤트 버블링을 방지합니다. js는 이벤트 버블링을 방지합니다_기본 지식다음 기사：js는 기본 이벤트를 방지하고 js는 이벤트 버블링을 방지합니다. js는 이벤트 버블링을 방지합니다_기본 지식

jQuery 애니메이션의 간단한 예 effect_jquery

관련 기사