홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • 캔버스를 통해 html을 base64로 변환하는 방법

    캔버스를 통해 html을 base64로 변환하는 방법

    H5 마케팅 활동에서는 사용자가 공유하거나 저장할 수 있는 사진이 생성되는 경우가 많습니다. 이 경우 두 가지 솔루션이 있습니다. 하나는 백엔드에서 이미지를 생성하고 이미지 주소를 프런트엔드로 반환하여 표시하는 것입니다. 다른 하나는 프런트엔드에서 표시할 이미지를 병합하고 생성하는 것입니다.<!--生成后存放的IMG-->
    2025-01-17
  • JS 로딩 기능의 간단한 구현

    JS 로딩 기능의 간단한 구현

    웹을 탐색할 때 데이터가 로드될 때 나타나는 LOADING 프롬프트를 자주 볼 수 있습니다. 실제로 이 함수의 원리는 매우 간단합니다. 즉, 현재 페이지를 DIV로 덮고, 덮힌 DIV 레이어에 Loading을 표시하는 것입니다. 이제 구현해 보겠습니다. 1. 현재 페이지: 다음과 같이 코드를 복사합니다.<div>
    2025-01-17
  • Javascript에서 가장 일반적으로 사용되는 55가지 기본 팁을 공유하세요.

    Javascript에서 가장 일반적으로 사용되는 55가지 기본 팁을 공유하세요.

    1. oncontextmenu="window.event.returnValue=false"는 마우스 오른쪽 버튼을 완전히 차단합니다.<table border oncontextmenu=return(false)><td> 아니요</table> T에 사용 가능
    2025-01-17
  • JavaScript의 유형 및 객체에 대한 간략한 분석

    JavaScript의 유형 및 객체에 대한 간략한 분석

    JavaScript는 객체 기반이므로 모든 요소를 ​​객체로 간주할 수 있습니다. 그러나 유형과 객체는 다릅니다. 이 기사에서는 유형과 객체의 몇 가지 특성을 논의하는 것 외에도 더 중요하게는 훌륭하고 재사용 가능한 유형을 작성하는 방법을 연구합니다. 결국 대중적인 스크립팅 언어인 자바스크립트를 잘 봉인할 수 있다면,
    2025-01-17
  • HTML5 WebGL은 민간 항공 비행 모니터링 시스템을 구현합니다.

    HTML5 WebGL은 민간 항공 비행 모니터링 시스템을 구현합니다.

    서문 며칠 전 출장을 갔을 때 비행기에서 머리 위 모니터링 패널을 보았는데, TV 시리즈와 광고를 재생하는 것 외에도 때때로 항공기 내비게이션을 위한 모니터링 시스템으로 전환되기도 했습니다. 모니터링 시스템이 조금 투박한 느낌이 들었습니다. 그래서 갑자기 HT for Web을 사용하여 모니터링 시스템의 업그레이드 버전을 만들자는 아이디어가 나왔습니다.
    2025-01-17
  • HTML에서 div+CSS를 사용하여 간단한 화살표 아이콘을 구현하는 코드

    HTML에서 div+CSS를 사용하여 간단한 화살표 아이콘을 구현하는 코드

    웹 디자인에서는 웹 페이지를 장식하기 위해 일부 화살표를 사용하는 경우가 많습니다. 현재 많은 웹 사이트 디자이너가 화살표 효과를 얻기 위해 글꼴 아이콘을 사용하고 싶어하지만 이는 웹 페이지 로딩에 어느 정도 영향을 미칠 수도 있습니다. 오늘은 Feiniao Muyu의 편집자가 웹 디자인에서 div와 CSS를 사용하는 방법을 알려드릴 것입니다.
    2025-01-17
  • JS 작은 함수(체크박스는 모든 선택과 모든 취소를 실현) 예제 코드

    JS 작은 함수(체크박스는 모든 선택과 모든 취소를 실현) 예제 코드

    효과: 코드: 코드를 복사합니다. <head runat="server"><title></title><script type="text/javascript">window.onload = function () {var ckall
    2025-01-17
  • JS 작은 함수(onmouseover가 월 선택을 구현함) 예제 코드

    JS 작은 함수(onmouseover가 월 선택을 구현함) 예제 코드

    효과: 코드: 코드를 복사합니다. <head runat="server"><title></title><style type="text/css">#backcolor{width: 400px;height: 400px;backgrou
    2025-01-17
  • 캔버스를 사용하여 진행률 표시줄이 포함된 닫히지 않은 원 그리기

    캔버스를 사용하여 진행률 표시줄이 포함된 닫히지 않은 원 그리기

    최종 렌더링 1. 반지름 정의, 링 두께 정의, 원 중심 위치 정의 및 기본 채우기 색상 정의를 위한 변수를 정의합니다.
    2025-01-17
  • CSS를 작성할 때 초보자가 저지르는 8가지 일반적인 실수

    CSS를 작성할 때 초보자가 저지르는 8가지 일반적인 실수

    일반적으로 CSS에서 가장 흔한 오류는 스타일과 HTML의 속성 이름이 일치하지 않는다는 것입니다. 결과적으로 스타일은 명확하게 작성되었으나 아무런 효과가 없습니다.
    2025-01-17
  • 정적 웹페이지와 동적 웹페이지란 무엇인가요?

    정적 웹페이지와 동적 웹페이지란 무엇인가요?

    프로그램이 서버 측에서 실행되고 있는지 여부는 중요한 신호입니다. 서버에서 실행되는 프로그램, 웹 페이지 및 구성 요소는 ASP, PHP, JSP, ASP.net, CGI 등과 같이 서로 다른 클라이언트와 서로 다른 시간에 서로 다른 웹 페이지를 반환합니다. 클라이언트에서 실행되는 프로그램, 웹 페이지, 플러그인 및 구성 요소는 HTML 페이지, Flash, JavaScript, VBScript 등과 같은 정적 웹 페이지이며 절대 변경되지 않습니다.
    2025-01-17
  • Canvas 이미지 분할 효과 구현

    Canvas 이미지 분할 효과 구현

    CSSDesignAwards를 검색하다가 이미지 내용을 분할하는 효과를 발견했습니다(웹사이트: https://weareludwig.com). 클릭해서 보실 수 있습니다. 너무 멋있어서 직접 구현해 봤습니다. 효과는 꽤 좋았습니다. 효과 보기 https://codepen.i
    2025-01-17
  • HTML5에서 웹 알림 데스크탑 알림 기능을 구현하는 방법

    HTML5에서 웹 알림 데스크탑 알림 기능을 구현하는 방법

    때때로 데스크탑의 오른쪽 하단에 다음과 같은 프롬프트가 표시됩니다. 이 데스크탑 프롬프트는 HTML5의 새로운 웹 푸시 알림 기술입니다. 웹 알림 기술을 사용하면 페이지에서 페이지 외부의 시스템 수준에 표시되는 알림을 발행할 수 있습니다. 사용자에게 더 나은 서비스를 제공할 수 있음
    2025-01-17
  • html5 콜론 구분 기호 정렬 구현

    html5 콜론 구분 기호 정렬 구현

    <!DOCTYPE html><html><head> <meta charset=utf-8> <meta name=viewport content=width=device-width,initial-scale=1.0,
    2025-01-17
  • 자바스크립트 리스트박스 연산 함수 모음 요약

    자바스크립트 리스트박스 연산 함수 모음 요약

    다음과 같이 코드 코드를 복사합니다. <script language="javascript">/* 列表框互相操作函数集 *///描述: 添加不重复列表框元素function selAdd( srcList, dstList ){var selectedI
    2025-01-17
이전 페이지 242526272829303132다음 페이지