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
  • The ugliest clock effect! How to make js canvas clock

    The ugliest clock effect! How to make js canvas clock

    Today I will send an ugly clock. To be honest, are there any tools to debug canvas? I always need to refresh and view the effect in the browser. I'm so tired~ (┬_┬) Code:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"> <t
    2025-08-23
  • JS simple method to set the default value of the drop-down selection box

    JS simple method to set the default value of the drop-down selection box

    This article describes how JS simply sets the default value of the drop-down selection box. Share it for your reference, the details are as follows: //By default selection of the record corresponding to the background function setSelectOption(objSelect, t
    2025-08-23
  • AngularJs ng-route routing detailed explanation and example code

    AngularJs ng-route routing detailed explanation and example code

    The prerequisite is to first introduce angular and angular-route on the page. Note that you should introduce angular before angular-route. <script src="../../bower_components/angular/angular.js"></s
    2025-08-23
  • Tutorial on the installation and configuration of Node debugging tool JSHint

    Tutorial on the installation and configuration of Node debugging tool JSHint

    Now we introduce JSHint, a JS code verification tool that checks simple errors under Node. For a specific introduction to JSHint, refer to http://www.jshint.com/about/. To put it bluntly, JSHint is a tool to check whether JS code is standardized or not. I
    2025-08-23
  • JavaScript data operation_A brief discussion on the operational nature of original values and reference values

    JavaScript data operation_A brief discussion on the operational nature of original values and reference values

    My summary of one sentence: The original value will not change the original value regardless of whether it is a variable assignment or a function pass. Whether it is a variable assignment or a function pass, if the new variable is reassigned, it will not
    2025-08-23
  • Simple implementation method for obtaining external link style of js

    Simple implementation method for obtaining external link style of js

    Generally, set inline styles for elements, such as<div id="div1"></div> . To get its style, you can get or set it by document.getElementById("div1").style.width. But if the style is in the external link or the page is not a row
    2025-08-23
  • Example of Scoped attribute usage in HTML5

    Example of Scoped attribute usage in HTML5

    Comment: The HTML5 transformation has brought us a lot of very useful new attributes, such as placeholder, download, hidden, etc. Each new attribute brings us new control methods and control effects on page elements. There is a new attribute that allows u
    2025-08-23
  • AngularJs  Understanding Angular Templates

    AngularJs Understanding Angular Templates

    angular template is a declaration specification, which is rendered into the view the user sees in the browser together with the information of the model and controller. It is a static DOM, including HTML, CSS, angular special elements and angular specifie
    2025-08-23
  • VUEJS practice using the layout plug-in to implement pagination (3)

    VUEJS practice using the layout plug-in to implement pagination (3)

    Preface In the work of the previous two chapters, we successfully implemented the home page rendering, but it was just rendering a page of data. We may need to render more data, so we need to consider paging. There are many ways to paging, such as paging
    2025-08-23
  • JS achieves simple bounce effect

    JS achieves simple bounce effect

    In the examples in this article, you can use js to achieve a simple bounce effect. For specific content, please refer to the code section.<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title> Collision ball</title>
    2025-08-23
  • js calls Baidu map api and dot on the map to add labels

    js calls Baidu map api and dot on the map to add labels

    I want to make a web page recently, the specific content is: There is a title on the top, the bottom is divided into two pieces, and the left is the map. And there are two points on the map. Clicking on two points will provide corresponding prompt informa
    2025-08-23
  • Example of using XSLT as HTML stylesheet

    Example of using XSLT as HTML stylesheet

    This article mainly introduces an example of how to use XSLT as HTML style sheet. The code shown in the article provides a download link at the end of the full text. Friends who need it can refer to the introduction below. When you hear the word style she
    2025-08-23
  • Detailed explanation of JS timer usage, fixed point, fixed time, loop execution

    Detailed explanation of JS timer usage, fixed point, fixed time, loop execution

    Overview of this article: This article mainly introduces the method of implementing timed and fixed-point execution through JS and executing a certain function at a fixed time. For example, a method that executes at the next hour, at each hour, and is exe
    2025-08-23
  • JS determines browser type and version code (with multiple instance codes)

    JS determines browser type and version code (with multiple instance codes)

    In the development of the website front-end, browser compatibility issues have already made us rush, and I don’t know how much trouble it will cause us to be born. Browser compatibility is the first problem that the front-end development framework needs t
    2025-08-23
  • JavaScript realizes the linkage effect of input box and clear button

    JavaScript realizes the linkage effect of input box and clear button

    I won’t say much nonsense, I will just post the key code to you. The specific code is as follows:<!DOCTYPE html><html><head><metacharset="UTF-8"><title> Input box clear button</title>
    2025-08-23