홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • Enter를 눌러 다음 컨트롤의 구현 js 코드로 포커스를 이동합니다.

    Enter를 눌러 다음 컨트롤의 구현 js 코드로 포커스를 이동합니다.

    다음과 같이 코드 코드를 복사합니다.<html><head><title> Enter2Tab</title><script type="text/javascript"> window.onload=function(){ var list = ne
    2025-01-18
  • JS의 window.open 전체 화면 명령 분석 및 사용 예

    JS의 window.open 전체 화면 명령 분석 및 사용 예

    1. 코드 예시 다음과 같이 코드를 복사합니다: window.open(url,'new window','width='+(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30 ) +
    2025-01-18
  • 모바일 단말에서 HTML5로 길게 누르기 이벤트를 시뮬레이션하는 구현 방법

    모바일 단말에서 HTML5로 길게 누르기 이벤트를 시뮬레이션하는 구현 방법

    이 글을 쓴 이유 최근에 떠다니는 삭제 버튼을 표시하려면 라벨을 길게 눌러 달라는 요청을 받았습니다. 이 요구 사항은 실제로 앱에서는 매우 일반적이지만 모바일 h5에서는 길게 누르기 이벤트가 없으므로 이 이벤트를 직접 시뮬레이션해야 합니다. 대략적인 효과는 다음과 같습니다. ps: gif를 만들기 위해 앱을 다운로드하고 이메일로 보내야 했습니다.
    2025-01-18
  • 왼쪽 및 오른쪽 너비 고정 중간 적응형 HTML 레이아웃 솔루션에 대한 자세한 설명

    왼쪽 및 오른쪽 너비 고정 중간 적응형 HTML 레이아웃 솔루션에 대한 자세한 설명

    이 기사에서는 왼쪽 및 오른쪽 너비 고정 중간 html">적응형 html 레이아웃 솔루션에 대한 자세한 설명을 소개하고 모든 사람과 공유합니다. 세부 사항은 다음과 같습니다. a. 플로팅 레이아웃 html 구조를 다음과 같이 사용합니다.<div class=box><div class=left> 왼쪽</div>
    2025-01-18
  • HTML5 및 작은 프로그램은 사진 회전, 압축 및 업로드 기능을 구현합니다.

    HTML5 및 작은 프로그램은 사진 회전, 압축 및 업로드 기능을 구현합니다.

    원본 주소: github.com/whinc/blog/… 최근 댓글 게시 요청을 받았습니다. 사용자가 댓글을 입력하고 사진을 찍거나 앨범에서 사진을 선택하여 업로드할 수 있습니다. 즉, 그래픽과 텍스트를 지원합니다. 댓글. 이는 H5와 작은 프로그램의 양쪽에서 동시에 구현되어야 하며, 이 요구 사항은 이미지를 처리하는 데 많은 장소가 필요합니다. 이 기사에서는 H5 쪽의 이미지 처리 실습에 대해 설명합니다.
    2025-01-18
  • HTML5 비디오 재생(비디오), JavaScript 제어 비디오 예제 코드

    HTML5 비디오 재생(비디오), JavaScript 제어 비디오 예제 코드

    구체적인 코드는 다음과 같습니다.<html lang=en><head><meta charset=UTF-8><title> 문서제목><스타일>figcaption {text-align: center;line-height:
    2025-01-18
  • 입력 상자를 클릭하여 팝업 양식 선택 정보를 구현하려면 JavaScript를 사용하십시오.

    입력 상자를 클릭하여 팝업 양식 선택 정보를 구현하려면 JavaScript를 사용하십시오.

    소스 코드는 다음과 같습니다. 스타일 처리는 수행되지 않았지만 기능은 괜찮습니다. 모두가 저와 소통할 수 있기를 바랍니다! 다음과 같이 코드 코드를 복사합니다.<html><head><title> DIV 선택 정보를 팝업하려면 클릭하세요.</title>
    2025-01-18
  • JavaScript는 xml 노드(구현 코드)의 최대값을 얻습니다.

    JavaScript는 xml 노드(구현 코드)의 최대값을 얻습니다.

    현재 시간이 이제 7000밀리초라고 가정합니다. 시간이 3000--6000일 때 3000의 값을 취합니다. 시간이 6000--9000일 때 6000의 값을 취합니다. 즉, 현재 시간보다 작은 xml 파일의 최대값은 입니다. 복사 코드는 다음과 같습니다.
    2025-01-18
  • JavaScript 팝업 레이어 입력 상자(샘플 코드)

    JavaScript 팝업 레이어 입력 상자(샘플 코드)

    아래와 같이 코드를 복사합니다. 코드는 다음과 같습니다.<script language="javascript" type="text/javascript"> function alertWin(title, msg, w, h) { var titleheigh
    2025-01-18
  • 자바스크립트에서 defer의 역할을 깊이 이해하기

    자바스크립트에서 defer의 역할을 깊이 이해하기

    많은 사람들이 이미 Javascript를 능숙하게 사용하고 있지만 defer를 보면 그것이 무엇에 사용되는지 알지 못할 수도 있습니다. 많은 사람들도 이러한 문제에 직면했으며, 다른 js를 직접 실행하고 DOM 객체를 조작하고 항상 Object를 보고해야 합니다. 찾을 수 없음 오류 모두가 알고 있듯이 페이지가 아직 로드되지 않았기 때문입니다.
    2025-01-18
  • 기존 HTML 페이지의 모듈식 로딩을 구현하는 방법

    기존 HTML 페이지의 모듈식 로딩을 구현하는 방법

    웹사이트의 경우 머리글, 바닥글, 사용자 열 등과 같이 여러 페이지 간에 공유되는 모듈이 많이 있습니다. 백엔드 뷰 엔진이 있는 프레임워크의 경우 이러한 공유는 상대적으로 쉽게 추출할 수 있습니다. 예를 들어 asp.net mvc에는 통합 레이아웃 MasterPage, @Section 및 뷰 템플릿 기능을 공유할 수 있는 기타 기능이 있습니다. 하지만 H에게는
    2025-01-18
  • HTML5의 대화 상자 요소를 시험해 보는 것에 대한 간략한 토론

    HTML5의 대화 상자 요소를 시험해 보는 것에 대한 간략한 토론

    대화 상자(모달 상자 및 플로팅 레이어라고도 함)는 웹 프로젝트에서 사용자 상호 작용의 중요한 부분입니다. 우리가 가장 일반적으로 사용하는 것은 js에서 경고() 및 확인()입니다. 스타일을 맞춤 설정할 수 있으므로 개발 과정에서 일반적으로 자체 요구 사항에 따라 휠을 제작하거나 타사 휠을 사용합니다. 대화 상자
    2025-01-18
  • 캔버스를 사용하여 가샤폰 기계 애니메이션 효과를 구현하기 위한 샘플 코드

    캔버스를 사용하여 가샤폰 기계 애니메이션 효과를 구현하기 위한 샘플 코드

    눈 깜짝할 사이에 두 달간 인턴을 하게 됐는데, 회사에서 매달 회원데이 행사를 하는군요. 이번 달의 과제는 가샤폰 기계 추첨 행사를 하는 것인데, 데이터 등이 있습니다. 프론트 엔드에 남았나요? 가장 큰 과제는 바로 가샤폰 기계의 애니메이션을 구현하는 것이었습니다. 배경은 인터넷에서 가샤폰 기계 애니메이션을 찾아서 신났는데, CSS를 사용하여 직접 애니메이션을 만든 것을 발견했습니다.
    2025-01-18
  • html5/css3 반응형 페이지 개발 요약

    html5/css3 반응형 페이지 개발 요약

    1. 적응형과 반응형의 차이점 적응형은 모든 터미널에 적용되는 템플릿 집합이지만 각 장치에 표시되는 레이아웃은 동일하며 일반적으로 너비 적응형이라고 합니다. 반응형 템플릿 세트는 모든 터미널에 적용되지만 각 장치에 표시되는 레이아웃은 다를 수 있습니다. 반응형/적응형 웹 디자인은 다양한 디바이스와 호환되기 위해 많은 작업이 필요하지만, 번거로운 코드와 긴 로딩 시간이 필요합니다.
    2025-01-18
  • 자바스크립트 수정 테이블 배경색 예시 코드 공유

    자바스크립트 수정 테이블 배경색 예시 코드 공유

    다음과 같이 코드 코드를 복사합니다.<html><script> //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.get
    2025-01-18