현재 위치: > 기술 기사 > 웹 프론트엔드 > H5 튜토리얼

  • 애니메이션 응용에 관한 6가지 추천 기사
    애니메이션 응용에 관한 6가지 추천 기사
    이 기사에서는 웹 개발자를 위한 몇 가지 유용한 정보를 공유할 것입니다. HTML5 및 CSS3 개발에 관심이 있다면 다음 HTML5 애니메이션 응용 프로그램에 확실히 관심이 있을 것입니다. 데모를 제공하는 동안 이 기사에서는 일부 핵심 코드도 표시하고 분석할 것입니다. jQuery 박스 그라디언트 애니메이션 메뉴는 다른 메뉴처럼 수직이나 수평으로 배열되지 않고 직사각형 그리드로 배열되어 있으며, 메뉴 항목을 클릭하면 애니메이션으로 메뉴의 세부 정보를 확장할 수 있다는 점에서 매우 독특합니다. 방식으로 CSS3를 사용하여 매우 멋진 애니메이션 효과를 만들어냅니다. 디...
    H5 튜토리얼 1553 2017-06-13 09:41:45
  • 애니메이션 프레젠테이션에 대한 추천 기사
    애니메이션 프레젠테이션에 대한 추천 기사
    HTML5를 사용하여 많은 정적 이미지를 그릴 수 있고 멋진 애니메이션을 만들 수도 있습니다. 이 기사에서는 HTML5 및 CSS3를 사용하여 구현된 8가지 애니메이션 데모를 공유하고 모든 사람이 다운로드하고 참조할 수 있는 소스 코드도 공유합니다. 1. HTML5 3D 포인트 배열 파도 롤링 애니메이션 이 HTML5 Canvas 애니메이션은 사람들에게 파도가 부서지는 시각적 효과를 제공하여 매우 장관입니다. 온라인 데모 소스 코드 다운로드 2. 빛나는 스위치 버튼을 구현하는 순수 CSS3 이 버튼은 매우 유용합니다.
    H5 튜토리얼 1456 2017-06-13 09:39:02
  • 온라인 드로잉 보드에 관한 10가지 추천 기사
    온라인 드로잉 보드에 관한 10가지 추천 기사
    매우 멋진 HTML5 Canvas 네트워크 드로잉 보드 코드 예제에 대한 자세한 설명 오늘의 HTML 튜토리얼에서는 HTML5 Canvas를 사용하여 매우 멋지고 간단한 네트워크 드로잉 보드 기능을 구현하는 방법을 알아보겠습니다. 이 튜토리얼에서는 브러시의 종류, 브러시의 크기, 브러시의 색상을 선택할 수 있습니다. 물론 드로잉 보드로서 많은 기능이 필요합니다. 직사각형, 타원 등 복잡한 요소를 직접 구현해 보세요. 여기에서 DEMO 데모를 볼 수도 있습니다. 이 HTML5 네트워크의 구현을 간략하게 분석해 보겠습니다.
    H5 튜토리얼 7281 2017-06-13 09:24:31
  • 새로운 기능을 어떻게 사용하나요? 새로운 기능의 사용 사례 요약
    새로운 기능을 어떻게 사용하나요? 새로운 기능의 사용 사례 요약
    ECMAScript 6(줄여서 ES6)은 JavaScript 언어의 최신 표준입니다. 현재 ES6 버전은 2015년에 출시되었기 때문에 ECMAScript 2015라고도 불립니다. WeChat 애플릿은 ES6의 새로운 기능 대부분을 지원합니다. 상수(상수) ES6에는 상수를 선언하는 데 사용되는 const 키워드가 추가되었습니다. 일단 선언되면 상수의 값을 변경할 수 없습니다. const는 선언된 블록 수준 범위 내에서만 유효합니다. 범위 지정(scope) ES6에서는 선언할 let 키워드를 추가합니다...
    H5 튜토리얼 1540 2017-06-13 09:21:20
  • 추천 3D 플롭 효과 특수 효과(컬렉션)
    추천 3D 플롭 효과 특수 효과(컬렉션)
    오늘은 CSS3에서 만든 뒤집기 효과를 가져와 보겠습니다. 요소 위에 마우스를 올리면 요소 뒤에 있는 정보가 보이는 느낌을 받을 수 있습니다. 기억력을 테스트하는 포커형 게임인 연련칸을 만들거나, 여자친구에게 말을 써준다면 이 예제를 이용해 만든 사진앨범에 넣어서 해보면 됩니다 하~ 렌더링: 예제에 사용된 일부 CSS3 New 속성: a. -webkit-perspective: 800px; 관점(perspective, 관점): 속성 정의 3...
    H5 튜토리얼 5205 2017-06-12 16:10:36
  • 페이지의 터치 스크린 버전을 만드는 방법
    페이지의 터치 스크린 버전을 만드는 방법
    프론트엔드에 입문한 초보입니다. 휴대폰에서 캐러셀의 터치스크린 버전 구현 과정을 공유하겠습니다. 일반적인 기능은 다음과 같습니다. 순환 슬라이딩 너비를 지원하며 임의로 설정할 수 없습니다. 화면과 동일한 너비여야 합니다. 요소 전환을 모니터링하도록 콜백을 설정할 수 있습니다. 타사 라이브러리 원칙을 사용하지 않고 하위 요소 .item의 너비를 가정합니다. 375px입니다. 상위 요소 내에 모든 하위 요소를 배치하려면 하위 요소 .item과 동일한 너비를 375px로 설정하세요. .carousel은 터치 이벤트를 추가합니다. ...
    H5 튜토리얼 3538 2017-06-12 15:42:10
  • H5에서 캐러셀 이미지를 만드는 방법에 대해
    H5에서 캐러셀 이미지를 만드는 방법에 대해
    저는 프론트엔드에 익숙하지 않습니다. 휴대폰에서 캐러셀의 터치스크린 버전을 구현하는 과정을 공유하겠습니다. 일반적인 기능은 다음과 같습니다. 순환 슬라이딩 너비를 지원하며 임의로 설정할 수 없습니다. 화면과 동일한 너비여야 합니다. 페이지를 수직으로 스크롤할 수 있습니다. 요소 전환을 모니터링하도록 콜백을 설정할 수 있습니다. 타사 라이브러리 원칙을 따르지 않고 하위 요소의 너비를 가정합니다. 항목은 375px입니다. 상위 요소 내에 모든 하위 요소를 배치하려면 하위 요소 .item과 동일한 너비를 375px로 설정하세요. .carousel은 터치 이벤트를 추가합니다. ,...
    H5 튜토리얼 6552 2017-06-12 15:41:16
  • 팝스테이트를 어떻게 사용하나요? popstate 인스턴스 사용량 요약
    팝스테이트를 어떻게 사용하나요? popstate 인스턴스 사용량 요약
    이 글은 주로 HTML5의 pushstate와 popstate 작업의 역사를 소개하며, 새로 고침 없이 현재 URL을 변경하는 것에 대한 관련 정보는 window.history를 이해하면 창의 역사를 참고할 수 있습니다. 사용자가 능동적으로 생성하는 객체이며, 자바스크립트 스크립트에 의해 제어되는 전역 객체를 허용합니다. window 객체는 기록 객체를 통해 브라우저 기록에 대한 액세스를 제공합니다. 매우 유용한 방법과 속성을 노출합니다.
    H5 튜토리얼 5703 2017-06-12 13:43:21
  • 휴대폰 페이지에 관한 추천 기사 10개
    휴대폰 페이지에 관한 추천 기사 10개
    이 글은 HTML5에서 모바일 페이지를 길게 누를 때 붙여넣기 및 복사가 비활성화되는 문제에 대한 해결 방법에 대한 정보를 주로 소개합니다. 매우 훌륭하고 도움이 필요한 친구는 다음과 같이 해결 방법을 참조할 수 있습니다. CSS 파일 코드에 따르면 휴대폰에서 붙여넣기 및 복사를 금지하는 기능을 구현할 수 있습니다. XML/HTML 코드 내용을 클립보드에 복사*{   —-webkit-tou...
    H5 튜토리얼 2126 2017-06-12 13:33:14
  • 추천 8개의 html5+JavaScript 예제 튜토리얼
    추천 8개의 html5+JavaScript 예제 튜토리얼
    <!doctype html><html><head><meta charset=utf-8 /><title>html5 웹 페이지 효과 이메일 주소 확인</title><style>body, inpu
    H5 튜토리얼 3284 2017-06-12 13:25:41
  • 10가지 기본 도면 사용 예제 튜토리얼 요약
    10가지 기본 도면 사용 예제 튜토리얼 요약
    의사 클래스와 의사 요소는 문서 구조와 독립적입니다. 요소를 얻는 방법은 ID, 클래스, 속성과 같은 기본 요소 특성이 아니라 특수 상태의 요소(유사 클래스) 또는 요소의 특수 콘텐츠(유사 요소)를 기반으로 합니다. 차이점은 다음과 같이 요약됩니다. CSS 의사 클래스(Pseudo-classes): 특정 선택기에 특수 효과를 추가하는 데 사용됩니다. 즉, 요소의 현재 정적 스타일을 기반으로 특수 효과(일반적으로 동적 효과)를 추가하므로 요소는 특정 상태에 있을 때 상태가 변경되면 의사 클래스 스타일을 얻을 수 있습니다.
    H5 튜토리얼 1534 2017-06-12 13:16:59
  • 버튼 배경 디자인에 관한 기사 요약
    버튼 배경 디자인에 관한 기사 요약
    xml 템플릿, 사용자 정의 버튼 배경<?xml version="1.0" 인코딩="utf-8"?><corners android:bottomleftradius="4dp" android:bottomRightRadius="4dp&quot
    H5 튜토리얼 1635 2017-06-12 12:00:27
  • CreateJS에 대한 자세한 소개 요약
    CreateJS에 대한 자세한 소개 요약
    CreateJS 라이브러리는 HTML5 게임 개발을 위한 엔진으로, HTML5 프로젝트 개발의 어려움과 비용을 줄이고 개발자가 친숙한 환경에서 보다 현대적인 게임을 만들 수 있도록 하는 것을 목표로 합니다. 방법. 네트워크 상호 작용 경험. CreateJS를 마스터하면 HTML5 게임 개발을 더 쉽게 완료할 수 있습니다. CreateJS는 EaselJS, TweenJS, SoundJS 및 PreLoadJS의 네 가지 도구를 제공합니다. EaselJS: HTML5 캔버스 Tw 처리 단순화...
    H5 튜토리얼 4870 2017-06-12 11:49:36
  • 화재 효과 관련 기사 10개 공유
    화재 효과 관련 기사 10개 공유
    Canvas는 HTML5에서 매우 중요하고 유용한 것입니다. Flash를 만드는 것처럼 Canvas에 모든 요소를 ​​그릴 수 있습니다. 오늘은 캔버스에 불꽃 방출 효과를 만들어 보겠습니다. 그것은 고대의 불덩어리 대포와 같으며, 브라우저 가장자리에서 튕겨져 나올 수 있어 꽤 멋진 느낌을 줍니다. 렌더링을 살펴보겠습니다. 여기에서 화염구의 DEMO 데모를 볼 수 있습니다. 물론 소스 코드, 주로 일부 JS 코드를 분석해야 합니다. 먼저 페이지에 캔버스 태그를 넣고 간단한 스타일을 지정하세요. &...
    H5 튜토리얼 2179 2017-06-12 11:45:30
  • HTML5 오디오 및 비디오에 대한 자세한 소개
    HTML5 오디오 및 비디오에 대한 자세한 소개
    1. Pyglet이란 무엇입니까? Pyglet은 멀티미디어 및 창 특수 효과 응용 프로그램을 개발하기 위해 순수 Python 언어로 작성된 크로스 플랫폼 프레임워크입니다. 필요한 이유: 그래픽 인터페이스 애플리케이션에 필요한 기능 모듈을 처음부터 개발하는 것은 매우 번거롭습니다. Pyglet은 창 기능, OpenGL 특수 효과, 오디오 및 비디오 재생 등 많은 시간을 절약할 수 있는 기성 모듈을 제공합니다. 키보드와 마우스 처리 및 사진을 다룹니다. (단, Pyglet은 버튼, 툴바, 메뉴 등의 UI 구성 요소를 제공하지 않습니다.) 위의 모듈은 모두 W에 있습니다.
    H5 튜토리얼 2008 2017-06-12 11:16:47

도구 권장 사항

jQuery 기업 메시지 양식 연락처 코드

jQuery 기업 메시지 양식 연락처 코드는 간단하고 실용적인 기업 메시지 양식이자 문의 소개 페이지 코드입니다.
양식 버튼
2024-02-29

HTML5 MP3 뮤직 박스 재생 효과

HTML5 MP3 뮤직 박스 재생 특수 효과는 귀여운 뮤직 박스 이모티콘을 만들고 전환 버튼을 클릭하는 HTML5+css3 기반의 MP3 뮤직 플레이어입니다.

HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과

HTML5 멋진 입자 애니메이션 탐색 메뉴 효과는 탐색 메뉴를 마우스로 가리키면 색상이 변경되는 특수 효과입니다.
메뉴 탐색
2024-02-29

jQuery 시각적 양식 드래그 앤 드롭 편집 코드

jQuery 시각적 양식 드래그 앤 드롭 편집 코드는 jQuery 및 부트스트랩 프레임워크를 기반으로 하는 시각적 양식입니다.
양식 버튼
2024-02-29

유기농 과일 및 야채 공급업체 웹 템플릿 Bootstrap5

유기농 과일 및 채소 공급업체 웹 템플릿-Bootstrap5

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus
백엔드 템플릿
2023-02-02

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

간단한 이력서 정보 웹 템플릿 Bootstrap4

간단한 이력서 정보 웹 템플릿 Bootstrap4

귀여운 여름 요소 벡터 자료(EPS+PNG)

이것은 태양, 태양 모자, 코코넛 나무, 비키니, 비행기, 수박, 아이스크림, 아이스크림, 차가운 음료, 수영 반지, 슬리퍼, 파인애플, 소라, 조개, 불가사리, 게를 포함한 귀여운 여름 요소 벡터 자료입니다. , 레몬, 자외선 차단제, 선글라스 등 자료는 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공됩니다.
PNG 소재
2024-05-09

4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)

이것은 빨간색 2023년 졸업 배지 벡터 자료로, 총 4개이며 JPG 미리보기를 포함하여 AI, EPS 및 PNG 형식으로 사용할 수 있습니다.
PNG 소재
2024-02-29

노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)

노래하는 새와 꽃이 가득한 수레로 디자인된 봄 배너 벡터 자료입니다. JPG 미리보기를 포함하여 AI 및 EPS 형식으로 제공됩니다.
배너 그림
2024-02-29

황금 졸업 모자 벡터 자료(EPS+PNG)

이것은 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공되는 황금 졸업 모자 벡터 자료입니다.
PNG 소재
2024-02-27

가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿

가정 장식 청소 및 유지 관리 서비스 회사 웹 사이트 템플릿은 가정 장식, 청소, 유지 관리 및 기타 서비스 조직을 제공하는 홍보 웹 사이트에 적합한 웹 사이트 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

신선한 색상의 개인 이력서 가이드 페이지 템플릿

신선한 컬러 매칭 개인 구직 지원 이력서 가이드 페이지 템플릿은 신선한 컬러 매칭 스타일에 적합한 개인 구직 이력서 작업 표시 가이드 페이지 웹 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

디자이너 크리에이티브 작업 이력서 웹 템플릿

디자이너 크리에이티브 작업 이력서 웹 템플릿은 다양한 디자이너 직위에 적합한 개인 작업 이력서 표시를 위한 다운로드 가능한 웹 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

현대 엔지니어링 건설 회사 웹사이트 템플릿

현대 엔지니어링 및 건설 회사 웹 사이트 템플릿은 엔지니어링 및 건설 서비스 산업 홍보에 적합한 다운로드 가능한 웹 사이트 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!