그림 전환 효과를 위한 picChange 함수 코드_javascript 기술

다양한 특수 효과 구현을 용이하게 하기 위한 확장 가능한 캡슐화 방법 소스 코드에서는 페이드 아웃 효과(페이드 기능)와 이동 효과(이동 기능) 구현 방법을 제공합니다. ).

이미지 전환 특수 효과를 달성하기 위해 한 문장 함수를 호출합니다.
picChange("그림 ul 목록의 ID", 그림 전환 방법 참조, 그림 전환 시간, 그림 이동 방향)
가장 간단한 호출 방법과 가장 간결한 HTML 코드를 사용하여 일반적으로 사용되는 그림 전환 효과를 구현합니다. .
사용 예:

html 코드:

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

• 


• 

…
< ;/ ul>

호출 방법:

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

//직접 전환 효과
picChange("picChange")
//페이드 아웃 효과
picChange("picChange",fade,500 );
/ /효과를 위로 이동
picChange(“picChange”,move,500,”up”)
//효과를 아래로 이동
picChange(“picChange”,move,500 ,”down”);//효과를 왼쪽으로 이동
picChange(“picChange”,move,500,”left”)
//효과를 오른쪽으로 이동
picChange (“picChange”,move,500,”right ”);

데모 보기:
http://demo.jb51.net/js/picChange/index.html

패키지 다운로드 주소