JavaScript 기반 애니메이션 클래스 게시 Fx.js_javascript 팁

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

var example = new Fx(element,//element
{
형식:{
//애니메이션 전 스타일
//color: "#00f",
},
대상:{
//대상 스타일
색상: "#00f",
"배경색":"#5f5",
불투명도:0.9,
},
//선형 방법
transition:Transition.elasticInOut,
//애니메이션 시간
기간:5000,
//애니메이션 프레임 값
fps:50,
onAnim:function(s){
//애니메이션 중
},
onStart:function(){
//애니메이션이 시작될 때
},
onPause:function(){
//애니메이션이 일시 중지될 때
},
onResume: function( ){
//애니메이션이 재개될 때
},
onStop:function(){
//애니메이션이 중지될 때
}
}
); // 애니메이션 시작
example.start();
//애니메이션 중지
example.stop()
//애니메이션을 중지하고 원래 스타일로 복원
example.stop(1) ;
//애니메이션 일시중지
example.pause();
//애니메이션 재개
example.resume()

전체 데모 코드:

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

< head>