Home> Web design tutorial
All Dreamweaver tutorial Javascript tutorial HTML tutorial CSS tutorial Experience and skills DHTML tutorial Web effects WEB standardization
Web design tutorial
  • Example of realizing the effect of eye movement based on the HTML5 gyroscope

    Example of realizing the effect of eye movement based on the HTML5 gyroscope

    Recently, when I used the OFO Little Yellow Car APP, I found that the previous sweeping below became a little yellow man with eyes, and it felt quite interesting. Here I used HTML5 to imitate the effect. The analysis of the effect of the eye effect is not
    2025-02-07
  • Detailed explanation of JS Opener

    Detailed explanation of JS Opener

    In JS, Window.opner is only a reference to the mother window in the pop -up window. For example: in A.html, a new window is made by clicking the button, etc. Window.open B.HTML. Then in B.html, you can use Window.Ovener (omitted as Opener
    2025-02-07
  • History mode in HTML5

    History mode in HTML5

    Recently, I saw the implementation of Vue-Router's HTML5 History mode, and then studied the HTML5 HISTORY by the way. The following are some of my own understanding. By the way
    2025-02-07
  • 5 essential debugging skills for JS debugging

    5 essential debugging skills for JS debugging

    1. debugger; I have also said before that you can add a debugger; to the JavaScript code to manually create a breakpoint effect. Need conditional breakpoints? You just need to surround it with if statements: Copy the code The code is as follows: if (somet
    2025-02-07
  • Detailed explanation of the drag and drop event in HTML5 (DRAG and Drop)

    Detailed explanation of the drag and drop event in HTML5 (DRAG and Drop)

    The browser supports Internet Explorer 9, Firefox, Opera 12, Chrome, and Safari 5 support drag and drop. Note: Do not support drags in Safari 5.1.2. HTML5 drag and drop instance<!DOCTYPE html>
    2025-02-07
  • Use PhoneGap to detect the network status method

    Use PhoneGap to detect the network status method

    Examples as: below:<!DOCTYPE html><html><head><meta charset=UTF-8><title> Check network</title>
    2025-02-06
  • If judgment usage in HTML

    If judgment usage in HTML

    In the web development process of Django, when writing HTML, a list variable with the same name is passed in from the backend, but the content format is different and needs to be judged separately. I have read many articles and tried several methods, but
    2025-02-06
  • Introduction to the use of isNaN() method of global objects in JavaScript

    Introduction to the use of isNaN() method of global objects in JavaScript

    Copy the code code as follows:<html><head><title> The isNaN() method of global objects</title><script> /* isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果,以判断它们表示
    2025-02-06
  • Sample code for canvas to implement circular progress bar animation

    Sample code for canvas to implement circular progress bar animation

    This article introduces the implementation of circular progress bar animation in canvas and shares it with everyone. The details are as follows: First, show you the renderings, and then add the code. Progress bar animation 1. The HTML part of the canvas i
    2025-02-06
  • Introduction and application of js setTimeout() function, taking countdown as an example

    Introduction and application of js setTimeout() function, taking countdown as an example

    Definition and Usage: The setTimeout() method is used to call a function or calculated expression after a specified number of milliseconds. Syntax: setTimeout(code,millisec) Parameters: code (required): JavaScript code string to be executed after the func
    2025-02-06
  • HTML5+CSS3+JS Implementing Qixi Romance Function Code

    HTML5+CSS3+JS Implementing Qixi Romance Function Code

    Because today's August 28th is the Valentine's Day of China -Tanabata, as a program ape, I only knock on the code at home! But I still have a heart of getting off; I made H5+CSS+JS interface I wish my friends: The happy and specific features of th
    2025-02-06
  • Introduction to event processing and browser object examples in js

    Introduction to event processing and browser object examples in js

    Copy the code code as follows:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title> Simple event handling</title>
    2025-02-06
  • HTML Form_Motor Node Java College

    HTML Form_Motor Node Java College

    In HTML, the table uses a TABLE tag tr to indicate that the line TD indicates that the column Th indicates the header, and the header is usually used for the name. Below is a list.<html><head><title> Table in html</title></head>
    2025-02-06
  • HTML5 source tag: media elements define media resources

    HTML5 source tag: media elements define media resources

    The HTML5 source tag is a media element (such as<video> and<audio> ) to define media resources.<source> Tags allow you to specify alternative video/audio files for the browser to select based on its support for media types or codecs. The host here will te
    2025-02-06
  • Implementation code for using canvas to create a DVD standby animation

    Implementation code for using canvas to create a DVD standby animation

    Disclaimer: I don’t intend to teach canvas, I just took a quick look at it because I thought it was fun. It means it's a little rough, so don't criticize me. . The effect frame rate is slightly lower, but the actual performance is of course much s
    2025-02-06