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

  • html5에 구현된 다양한 이미지 스타일의 사용예 요약
    html5에 구현된 다양한 이미지 스타일의 사용예 요약
    일상적인 웹 페이지 레이아웃에서 마우스가 포인터를 통과하여 손가락 모양으로 바뀌는 등 개체 내에서 마우스 포인터를 제어하는 ​​경우가 종종 있습니다. 일부 웹 사이트에서는 마우스에 대해 다양한 작은 그림 스타일을 사용하는 것이 일반적입니다. 포인터를 구현하는 방법은 무엇입니까? 마우스 스타일은 어떻습니까? 아래에서는 마우스 스타일을 구현하는 방법에 대한 요약을 제공합니다! CSS에서 마우스 스타일 구현: 1. CSS에서 마우스 스타일 세부 사항 이 기사에서는 CSS에서 마우스 스타일을 구현하는 데 필요한 몇 가지 일반적인 매개 변수를 자세히 설명합니다. 이는 CSS에서 마우스 스타일을 구현하는 데 매우 유용합니다! 2. 웹에서 마우스 스타일을 사용자 정의하세요...
    H5 튜토리얼 4743 2017-06-12 11:04:44
  • 디자인 참조에 관한 추천 기사 5개
    디자인 참조에 관한 추천 기사 5개
    오늘날의 웹 페이지는 점점 더 고급화되고 운영하기 쉬워지고 있습니다. jQuery의 광범위한 적용으로 인해 웹 개발자는 HTML5의 도입으로 웹 사이트 페이지의 요소를 더욱 생생하고 역동적으로 만들 수 있습니다. 이 기사에서는 디자인 참조로서 페이지를 더욱 눈길을 사로잡을 수 있는 일부 HTML5/jQuery 애니메이션 플러그인을 주로 공유합니다. 1. HTML5 Canvas는 춤추는 시간 애니메이션을 구현합니다. 이 HTML5 애니메이션은 우선 프로토타입이 시계이지만 캔버스 기술을 사용하면 시계가 작동하지 않게 됩니다.
    H5 튜토리얼 1840 2017-06-12 10:50:27
  • 표준 모드란 무엇입니까? 표준 모드 사용 예시 요약
    표준 모드란 무엇입니까? 표준 모드 사용 예시 요약
    1. 새로운 Doctype <!DOCTYPE html>을 사용하더라도 브라우저가 이 문장을 이해하지 못하더라도 표준 모드에 따라 렌더링됩니다. 2. Figure 요소는 <Figure&gt를 사용합니다. ; 및 <figcaption>
    H5 튜토리얼 4859 2017-06-12 10:28:55
  • html5 캔버스 그리기 사용예 정리
    html5 캔버스 그리기 사용예 정리
    HTML5 캔버스 그리기HTML5 <canvas> 태그는 이미지를 그리는 데 사용됩니다(스크립트, 일반적으로 JavaScript를 통해). 그러나 <canvas> 요소 자체에는 그리기 기능이 없습니다(단순히 그래픽용 컨테이너임). 실제 그리기를 수행하려면 스크립트를 사용해야 합니다. getContext() 메서드는 캔버스에 그리기 위한 메서드와 속성을 제공하는 개체를 반환합니다. 이 매뉴얼은 완전한 getContext("2d&q...
    H5 튜토리얼 2748 2017-06-12 09:55:29
  • 그리기 도구를 사용하는 방법은 무엇입니까? 그리기 도구의 사용 예 정리
    그리기 도구를 사용하는 방법은 무엇입니까? 그리기 도구의 사용 예 정리
    지난번 HTML5로 경로와 원을 그려서 역동적인 시계를 만드는 법, 이차원 공간을 반전시켜 움직이는 태양계를 만드는 법을 배웠던 것에 이어, 지난 이틀간 선 그리기 등의 지식 포인트를 결합했습니다 , 원 그리기 및 채우기를 통해 간단한 온라인 그림을 만들 수 있습니다. 도구: 데모 보기: HTML5 간단한 온라인 그리기 도구 기능에는 무료 브러시, 지우개, 텍스트 채우기, 삼각형 그리기, 원 그리기 등이 포함됩니다. 나 같은 초보자에게는 상당히 어렵게 느껴집니다. , 그러나 나는 여전히 정보를 참조하고 천천히 "해결"이 나왔습니다. 무료 브러시 아이디어: /********* 무료 브러시 *******/fun...
    H5 튜토리얼 3276 2017-06-12 09:35:18
  • localStorage 및 sessionStorage에 대한 추천 기사
    localStorage 및 sessionStorage에 대한 추천 기사
    1. 개요 LocalStorage와 sessionStorage를 통칭하여 Web Storage라고 하며, 이를 통해 웹 페이지가 브라우저 측에 데이터를 저장할 수 있습니다. sessionStorage에 저장된 데이터는 브라우저 세션에 사용됩니다. 세션이 종료되면(보통 창을 닫음) localStorage에 저장된 데이터는 오랫동안 웹사이트에 방문하게 됩니다. 페이지는 이전에 저장된 데이터를 직접 읽을 수 있습니다. 저장 기간이 다른 점을 제외하면 두 개체의 속성과 방법은 완전히 동일합니다. 쿠와 많이 닮았어...
    H5 튜토리얼 1955 2017-06-12 09:17:07
  • 기본 템플릿에 대한 강좌 추천
    기본 템플릿에 대한 강좌 추천
    HTML5 기본 템플릿<!doctype html><!-- 단순화된 doctype은 모든 이전 버전의 HTML에서도 작동합니다 --&gt
    H5 튜토리얼 1657 2017-06-12 09:15:50
  • FileAPI에 대한 자세한 소개
    FileAPI에 대한 자세한 소개
    HTML5에서는 파일 작업을 위한 API가 제공되며, 이 API를 통해 웹 페이지에서 로컬 파일 시스템에 액세스하는 관련 처리가 매우 간단해집니다. 지금까지는 일부 브라우저에서만 이를 지원합니다. 1. FileList 객체와 File 객체 FileList 객체는 사용자가 선택한 파일의 목록을 나타냅니다. HTML4에서는 파일 컨트롤에 하나의 파일만 넣을 수 있지만 HTML5에서는 파일에 여러 개의 파일을 넣을 수 있습니다. 다중 속성을 추가하여 제어합니다. 컨트롤 내에서 각 사용자가 선택한 파일...
    H5 튜토리얼 1883 2017-06-11 16:32:54
  • 애니메이션 형식에 대한 자세한 소개
    애니메이션 형식에 대한 자세한 소개
    이 글에서 사용한 주요 지식: 이 글은 Canvas API의 drawImage 메소드를 주로 사용합니다. 이 메소드를 아래에 간략하게 소개합니다. Canvas API에서 이미지를 그리려면 다음과 같이 정의된 오버로드된 메소드인 drawImage 메소드를 사용하십시오. context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context .drawImage(이미지,sx,sy,sw,sh,...
    H5 튜토리얼 1765 2017-06-11 15:03:50
  • 모바일 스테이션을 사용하는 방법은 무엇입니까? 이동국의 사용법을 요약해 보세요
    모바일 스테이션을 사용하는 방법은 무엇입니까? 이동국의 사용법을 요약해 보세요
    현재 휴대폰을 사용하여 쇼핑하는 사람들이 점점 많아지고 모바일 단말기의 트래픽이 PC 트래픽을 초과했습니다. 많은 판매자가 직접 모바일 사이트를 시작했으며 일부는 기존 PC 사이트를 버리고 모바일 사이트만 구축하기도 합니다. 모바일 사이트는 매우 인기가 높습니다. PHP 중국어 웹사이트에서는 모두를 위한 5가지 세련된 모바일 몰 프런트 엔드 템플릿을 추천합니다. 다운로드를 환영합니다! 1. 모바일 WAP 과일 쇼핑몰 웹사이트 템플릿 전체 세트를 다운로드하고 주소를 다운로드하세요: //m.sbmmt.com/xiazai/code/184 모바일 WAP 과일 쇼핑몰 웹사이트 템플릿 전체 세트를 다운로드하세요. 환영합니다. 다운로드하다! ...
    H5 튜토리얼 1609 2017-06-11 13:56:48
  • 브라우저 기록에 대한 자세한 소개
    브라우저 기록에 대한 자세한 소개
    DOM의 window 객체는 window.history 메서드를 통해 브라우저 기록에 대한 액세스를 제공하므로 사용자 액세스 레코드에서 앞뒤로 이동할 수 있습니다. HTML5부터 이 히스토리 스택을 조작할 수 있습니다. 1. History는 back(), forward() 및 go() 메소드를 사용하여 사용자 기록에서 앞뒤로 이동합니다. window.history.back() 이 메소드는 사용자가 클릭한 것처럼 나타납니다. 브라우저 도구 바의 Return 키와 동일합니다. 같은...
    H5 튜토리얼 1964 2017-06-11 13:29:14
  • 모바일 페이지에 대한 자세한 소개
    모바일 페이지에 대한 자세한 소개
    모바일 페이지를 다룰 때, Flipbord의 모바일 페이지처럼 최상의 경험을 얻기 위해 배너 이미지를 화면과 동일한 너비의 정사각형으로 만들어야 하는 경우가 있습니다. 그렇다면 순수 CSS를 사용하여 적응할 수 있는 정사각형을 만드는 방법은 무엇입니까? 사이즈에 맞춰? 해결 방법 1: CSS3 vw 단위 CSS3는 가시 영역의 백분율을 기준으로 새로운 길이 단위 vw, vh, vmin, vmax 세트를 추가합니다. 여기서 vw는 뷰포트 너비의 백분율에 상대적인 단위입니다. 1vw = 1% 뷰포트 너비...
    H5 튜토리얼 1938 2017-06-11 13:25:32
  • %r 및 %s 사용 예시 요약
    %r 및 %s 사용 예시 요약
    HTML5는 문서 간 메시징(Cross-Document Messaging)을 지원합니다. 메시지 통신을 사용하므로 이벤트가 발생해야 합니다. 이벤트의 생성과 소비에 따라 송신자와 수신자, 즉 Sender와 Listener를 찾을 수 있습니다. Litener는 다음 작업을 수행해야 합니다. 메시지 처리 함수를 작성하고 메시지 처리 함수를 등록합니다. addEventListener('message', function, fal...
    H5 튜토리얼 2062 2017-06-11 13:16:00
  • 반응형 웹페이지를 어떻게 사용하나요? 반응형 웹페이지 예제 사용법 요약
    반응형 웹페이지를 어떻게 사용하나요? 반응형 웹페이지 예제 사용법 요약
    반응형 웹 디자인은 멀티스크린 문제에 대한 훌륭한 솔루션이지만 인쇄 관점에서는 다소 어렵습니다. 고정된 페이지 크기, 밀리미터나 인치, 물리적 제한, 시작할 방법이 없습니다. 점점 더 많은 장치에서 웹사이트를 열 수 있게 되면서 데스크톱과 모바일에서 픽셀 디자인 방법을 독점적으로 사용하는 것도 과거의 일이 되었습니다. 따라서 우리는 반응형 웹 디자인의 몇 가지 기본 원칙을 명확히 하고 유동적인 웹 페이지와 맞서 싸우는 대신 이를 수용해야 합니다. 1. 반응형 웹 디자인과 적응형 웹 디자인 동일한 것처럼 보이지만 그렇지 않습니다. ...
    H5 튜토리얼 1932 2017-06-11 10:52:01
  • 체성 감각에 관한 추천 기사 10개
    체성 감각에 관한 추천 기사 10개
    1. 소개 우리는 어떤 종류의 게임을 만들 것인가? 얼마 전 청두 TGC2016 전시회에서 우리는 모바일 게임 챕터 "구미호 공격"을 주로 시뮬레이션한 "나루토 모바일"용 체성 감각 게임을 개발했습니다. 사용자는 4세대가 되어 구미호와 경쟁하며 많은 관심을 받았습니다. 많은 수의 플레이어가 참여합니다. 표면적으로 이 게임은 다른 체성 감각 경험과 다르지 않습니다. 실제로는 Chrome 브라우저에서 실행되었습니다. 즉, 웹 기반 체성 감각 게임을 개발하려면 해당 프런트 엔드 기술만 익히면 됩니다. 키넥트. 2. 구현 원리와 아이디어는 무엇입니까? H5를 사용하세요...
    H5 튜토리얼 2017 2017-06-11 10:36:45

도구 권장 사항

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 학습자의 빠른 성장을 도와주세요!