> 웹 프론트엔드 > JS 튜토리얼 > filter.revealTrans.Transition_javascript 스킬 사용법 요약

filter.revealTrans.Transition_javascript 스킬 사용법 요약

WBOY
풀어 주다: 2016-05-16 18:21:11
원래의
1621명이 탐색했습니다.

먼저 RevealTrans의 사용법을 살펴보겠습니다. (링크에 마우스를 이동하면 동시에 열릴 수 있으며 슬라이드 효과와 유사한 프롬프트가 나타나며 이동해도 마찬가지입니다. 이 페이지를 통합하겠습니다.) .

구문:
필터: progid: DXImageTransform.Microsoft.RevealTrans (enabled=bEnabled, 기간=fDuration, 전환=iTransitionType)
데모: 참조 문서:
속성:
활성화됨: 선택 사항입니다. 부울. 필터가 활성화되어 있는지 여부를 설정하거나 검색합니다. true | false true : 기본값입니다. 필터가 활성화되었습니다.
false: 필터가 비활성화됩니다.

기간: 선택 사항. 부동 소수점 수(실수). 변환이 완료되는 데 걸리는 시간을 설정하거나 검색합니다. 해당 값은 초.밀리초(0.0000) 형식입니다.
재생 메소드의 iDuration 매개변수를 사용하여 전환 재생 기간을 설정할 수 있습니다. 그러나 재생 메서드를 호출하면 재생이 계속되는 동안 Duration 속성이 읽기 전용이 됩니다.
전환: 선택사항. 정수값(Integer). 변환에 사용되는 방법을 설정하거나 검색합니다. 0: 직사각형 축소 변환.
1: 직사각형 확장 변환.
2: 원 축소 변환.
3: 원형 확장 변환.
4 : 위쪽으로 지웁니다.
5 : 아래쪽으로 지웁니다.
6: 오른쪽으로 지웁니다.
7 : 왼쪽으로 지웁니다.
8: 수직 블라인드 전환.
9: 수평 블라인드 전환.
10: 체스판의 수평 변환.
11: 체스판의 수직 전환.
12: 무작위 잡음 간섭 변환.
13: 좌우 문 닫힘 효과 변환.
14: 좌우 문 열림 효과 변환.
15: 상하 도어 닫힘 효과 변환.
16: 상하 문 열림 효과 변환.
17: 들쭉날쭉한 가장자리 오버레이 효과가 오른쪽 상단에서 왼쪽 하단으로 전환됩니다.
18: 들쭉날쭉한 가장자리 오버레이 효과가 오른쪽 하단에서 왼쪽 상단으로 전환됩니다.
19: 들쭉날쭉한 가장자리 오버레이 효과가 왼쪽 상단에서 오른쪽 하단으로 전환됩니다.
20: 들쭉날쭉한 가장자리 오버레이 효과가 왼쪽 하단에서 오른쪽 상단으로 전환됩니다.
21: 무작위 수평선 변환.
22: 무작위 수직선 변환.
23 : 위의 가능한 값 변환을 무작위로 사용합니다.


기능:
활성화: 읽고 쓸 수 있습니다. 부울. 활성화된 속성을 참조하세요.
기간: 읽고 쓸 수 있습니다. 부동 소수점 수(실수). 기간 속성을 참조하세요.
전환: 읽기 및 쓰기가 가능합니다. 정수값(Integer). 전환 속성을 참조하세요.
퍼센트: 읽기 및 쓰기 가능. 끈. 현재 정적 필터 출력이 있는 변환 프로세스의 지점을 설정하거나 검색합니다. 값 범위는 0 - 100입니다. 기본값은 0 이며 변환이 아직 시작되지 않았습니다. 변환이 완료되면 100개입니다.
이 기능은 변환 필터를 사용하여 정적 필터 효과를 만드는 데 사용할 수 있습니다. 값을 와 동일하게 설정하면 변환 프로세스가 중지되는 지점이 정의됩니다. 변환 필터를 사용하여 정적 필터 효과를 만들려면 다음 단계를 따르세요.
변환 필터의 적용 방법을 사용하세요. 그러면 객체 내용의 초기 표시가 캡처되어 Percent 속성 값이 0 으로 설정됩니다.
개체 내용을 변경합니다. visible , innerText , background-color , border 또는 해당 하위 객체의 속성과 같은 것입니다.
변환 필터의 Percent 속성을 설정합니다. 즉, 변환 프로세스에서 원하는 특정 지점을 결정하십시오. 이렇게 하면 변환 프로세스의 해당 시점에서 콘텐츠의 이미지가 캡처됩니다.
변환 필터의 활성화 속성 값을 true 로 설정합니다. 필터의 영향을 받는 개체는 획득한 이미지를 기반으로 내용을 업데이트합니다.
참고: 가시성 속성을 사용하여 객체의 하위 항목을 변경할 수 있습니다. 그렇지 않으면 하위 개체에 대한 직접적인 변경 사항이 즉시 표시되며 변환 필터에 의해 캡처되지 않습니다.
상태: 읽기 전용. 정수값(Integer). 변환의 현재 상태를 검색합니다. 0 | 1 | 2 0: 변환을 중지합니다.
1 : 변환이 적용됩니다.
2 : 변환이 진행 중입니다(재생).


방법:
적용: 개체 콘텐츠의 초기 표시를 캡처하고 변환에 필요한 준비를 합니다. 반환 값이 없습니다.
이 메소드가 호출되면 재생 메소드를 호출하여 변환을 시작할 때까지 객체 속성에 대한 변경 사항이 표시되지 않습니다.
참고: 가시성 속성을 사용하여 객체의 하위 항목을 변경할 수 있습니다. 그렇지 않으면 하위 개체에 대한 직접적인 변경 사항이 즉시 표시되며 변환 필터에 의해 캡처되지 않습니다.
play 메서드를 호출하면 변환이 콘텐츠 변경 결과(객체 속성 및 하위 객체의 가시성 속성 변경)를 표시합니다.
play(iDuration): 변환을 시작합니다. 반환 값이 없습니다. 매개변수는 아래 표를 참조하세요.
iDuration : 선택사항. 부동 소수점 수(실수). 필터가 지속되는 기간을 지정합니다. 기본 단위는 초입니다.
재생 메소드의 iDuration 매개변수를 사용하여 변환 재생 기간을 설정하면 해당 값이 현재 변환 주기 동안 Duration 속성 설정을 대체합니다. 그러나 다음 변환에서는 Duration 속성을 사용하여 설정된 값을 복원합니다.

stop : 변환 재생을 중지합니다. 그리고 변환 결과 이미지를 제시합니다. 또한 onfilterchange 이벤트를 시작합니다. 반환 값이 없습니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿