웹 디자인에 JS를 사용하면 많은 페이지 특수 효과가 달성 될 수 있지만 많은 사람들이 HTML 태그에서 메타 태그의 강력한 효과를 무시합니다. 실제로, 메타 태그는 또한 많은 아름다운 페이지 전환 효과를 달성 할 수 있습니다.
메타 태그는 HTML 언어 헤드 영역의 보조 태그입니다. 메타 태그는 각 웹 페이지의 <head> ... </head>에 배치됩니다.
중간에 우리는 더 친숙합니다.
<meta name = Generator Content = Microsoft FrontPage 3.0> // 편집 도구에 대한 지침;
<메타 이름 = 키워드 내용 = ...> // 설명 키워드;
<메타 이름 = 설명 내용 = ... >/ 홈페이지 설명 설명;
사용자에게 보이지 않는 정보를 제공합니다. 메타 태그는 일반적으로 검색 엔진 로봇의 페이지 주제를 정의하거나 사용자의 브라우저에서 쿠키를 정의하는 데 사용됩니다. 저자를 식별하고, 페이지 형식을 설정하고, 레이블 내용 요약 및 키워드를 표시하는 데 사용될 수 있습니다. 또한 가능하게하기 위해 페이지를 설정할 수도 있습니다.
정의하는 시간 간격에 따라 자신을 새로 고치고 RASC 컨텐츠 레벨 등을 설정하십시오.
이 기사는 주로 메타 태그를 사용하여 페이지 전환 효과를 생성하는 방법을 설명합니다 ...
용법:
<meta http-equiv = page-enter content = blendtrans (duration = 0.5)>
<meta http-equiv = page-exit content = blendtrans (duration = 0.5)>
BlendTrans는 페이딩 효과를 생성하는 CSS 동적 필터 유형입니다. 또 다른 동적 필터 공개 트랜스는 페이지 입력 및 종료 효과에도 사용될 수 있습니다.
동적 필터는 이동 페이드 및 이미지 변환 효과를 페이지에 추가 할 수 있습니다. 그들은 두 가지 유형의 블렌드 (믹스)로 나눌 수 있으며 (디스플레이) 공개 할 수 있습니다.
전자는 점차 사라지거나 나타날 수 있지만 후자는 24 개의 이미지 변환 효과를 제공합니다 ...
<meta http-equiv = page-enter content = restointrans (duration = x, antransition = y)>
<meta http-equiv = page-exit content = restointrans (duration = x, transition = y)>
기간 : 필터 효과의 지속 시간을 나타냅니다 (단위 : 초)
전환 : 필터 유형. 어떤 특수 효과가 사용되는지, 값은 0-23입니다.
----------------------------------------------------------------------------------------------
0 : 사각형 수축 1 : 사각형이 팽창합니다
2 : 원 감소 3 : 원 팽창
4 : 상단 5로 새로 고침 : 하단으로 새로 고침
6 : 왼쪽에서 오른쪽으로 새로 고침 7 : 오른쪽에서 왼쪽으로 새로 고침
8 : 수직 블라인드 9 : 수평 블라인드
10 : 대체 수평 블라인드 11 : 변위 수직 블라인드
12 : 지점 확산 13 : 왼쪽과 오른쪽으로 가운데로 새로 고침
14 : 중간에서 왼쪽 및 오른쪽으로 새로 고침 : 중간에서 상단 및 하부로 새로 고침
16 : 위아래로 17 : 아래쪽과 오른쪽으로 왼쪽 상단
18 : 오른쪽 상단에서 왼쪽 하단 19 : 왼쪽에서 오른쪽 상단 상단
20 : 왼쪽 아래에서 오른쪽 상단 21 : 수평 막대
22 : 수직 막대 23 : 위의 22 중 하나를 무작위로 선택하십시오.
----------------------------------------------------------------------------------------------
웹 페이지 변환 효과가 제대로 일치하는 한, 이러한 변환 효과는 방문자, 사이트에 관심이없는 사람들에게도 매우 깊은 인상을 남길 것입니다. 특히 웹 페이지 제작을 좋아하는 친구에게는 연구 및 연구를 위해 웹 페이지를 복사 할 수 있습니다. 실제로 짧은 코드를 추가했습니다^ _^ 웹 페이지 변환 효과 (Trans)는 웹 페이지 입력 (페이지 참조), 웹 페이지 (Page-Exit)를 남기고 사이트를 입력하고 사이트를 남겨두고 사이트를 남겨 둡니다. 각 주요 범주는 25 개의 하위 범주로 나뉩니다. 먼저 웹 페이지를 입력하는 효과를 사용하여 다음을 설명하십시오.
웹 페이지를 입력 할 때 효과
1. 혼합 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = blendtrans (duration = 1.0)>
2. 박스 모양의 수축 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = respoytrans (duration = 1.0, transition = 0)>
3. 박스 모양의 방사선 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = downingtrans (duration = 1.0, transition = 1)>
4. 원형 수축 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowttrans (duration = 1.0, transition = 2)>
5. 원형 방사선 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowttrans (duration = 1.0, transition = 3)>
6. 상향 지우기 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowttrans (duration = 1.0, transition = 4)>
7. 하향 지우기 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowttrans (duration = 1.0, transition = 4)>
8. 효과에 대한 권리를 지우기위한 코드는 다음과 같습니다. <meta http-equiv = page-enter content = downingtrans (duration = 1.0, transition = 6)>
9. 왼쪽 지우기 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowtrans (duration = 1.0, transition = 7)>
10. 수직 마스킹 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowttrans (duration = 1.0, thransition = 8)>
11. 수평 마스킹 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowntrans (duration = 1.0, transition = 9)>
12. 수평 체스 보드 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = respoytrans (duration = 1.0, transition = 10)>
13. 수직 보드 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = downingtrans (duration = 1.0, transition = 11)>
14. 분해 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowtrans (duration = 1.0, transition = 12)>
15. 중심에 대한 왼쪽과 오른쪽 들여 쓰기의 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = respointrans (duration = 1.0, transition = 13)>
16. 왼쪽 및 오른쪽 확장에 대한 중심의 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = respoytrans (duration = 1.0, transition = 14)>
17. 위와 아래로 들여 쓰기 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = downingtrans (duration = 1.0, transition = 16)>
18. 중앙의 위아래로의 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = respointrans (duration = 1.0, transition = 17)>
19. 다음과 같이 왼쪽 하단에서 효과 코드를 추출하십시오.
20. 다음과 같이 왼쪽 상단에서 효과 코드를 추출하십시오.
스물 하나. 다음과 같이 오른쪽 하단에서 효과 코드를 추출하십시오. <meta http-equiv = page-enter content = respointrans (duration = 1.0, transition = 20)>
스물 두 번째. 다음과 같이 오른쪽 상단에서 효과 코드를 추출하십시오. <meta http-equiv = page-enter content = revowntrans (duration = 1.0, transition = 21)>
스물 셋. 임의의 수평선의 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = respointrans (duration = 1.0, transition = 22)>
24. 임의의 수직 라인의 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = resowttrans (duration = 1.0, transition = 22)>
25. 랜덤 효과 코드는 다음과 같습니다. <meta http-equiv = page-enter content = revowntrans (duration = 1.0, transition = 23)>
이제이 코드를 분석하겠습니다. 우선, 이러한 코드의 대부분이 매우 유사하다는 것을 분명히 알 수 있습니다. 실제로 많은 범주가 있지만 각 주요 범주의 25 개의 하위 범주는 동일하게 해당하며 숫자로 식별됩니다 (혼합 효과 블렌드 트랜스 (duration = 1.0) 제외). Page-Enter를 Page-Exit (웹 페이지를 떠나면), 사이트 입력 (사이트를 떠나는) 및 사이트 -EXIT (사이트를 떠나면)로 교체하면 원하는 효과를 얻을 수 있으며 기억하기에 더 편리합니다. 기간 = 1.0이 각 사이클의 시간이 얼마나 길면, 단위는 초입니다 (현재는 사이클 당 1 초입니다). 4 가지 주요 범주의 효과는 웹 페이지에서 동시에 설정할 수 있지만 각 주요 범주는 하나의 효과 만 설정할 수 있습니다. 또한 웹 페이지가 프레임 페이지 인 경우 효과가 표시되지 않습니다.