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
  • Analysis of the application of Adapter Adapter Mode in JavaScript Design Mode Programming

    Analysis of the application of Adapter Adapter Mode in JavaScript Design Mode Programming

    Defining an adapter mode (Adapter) is to convert an interface (method or property) of a class (object) into another interface (method or property) that the customer wants. The adapter mode allows those classes (objects) that were originally unable to work
    2025-07-23
  • Complete example of simple image floating effect implemented by js

    Complete example of simple image floating effect implemented by js

    This article describes the simple image floating effect implemented by js. Share it for your reference. The details are as follows: Using window objects to achieve the floating effect of an image 1. An existing advertising div is what we want to control,
    2025-07-23
  • bootstrap3 is compatible with IE8 browser!

    bootstrap3 is compatible with IE8 browser!

    Recently, I have been using bootstrap, an excellent front-end framework. This framework is very powerful. The framework includes drop-down menus, button groups, button drop-down menus, navigation, navigation bars, breadcrumbs, paging, typesetting, thumbna
    2025-07-23
  • Easy way to create arrays by js

    Easy way to create arrays by js

    1. Declaration method of array (1): arrayObj = new Array(); //Create an array. The code is as follows: var arr1 = new Array(); (2): arrayObj = new Array([size]) Create an array and specify the length,
    2025-07-23
  • Two ways to prohibit users from submitting multiple times in JavaScript

    Two ways to prohibit users from submitting multiple times in JavaScript

    [When the server is overloaded, submissions will be stuttered, but when the user is operating, he will keep clicking and submitting repeatedly, which will cause greater pressure on the server. So we need to restrict][1] Disable the submit button<html><hea
    2025-07-23
  • JS generates random numbers in a certain range [Detailed explanation of four situations]

    JS generates random numbers in a certain range [Detailed explanation of four situations]

    Preface: JS does not have ready-made functions, and can directly generate random numbers in a specified range. But it has a function: Math.random() This function can generate a random number of [0,1). Using it, we can generate random numbers in a specifie
    2025-07-23
  • Holding Bootstrap into your arms - Navigation bar

    Holding Bootstrap into your arms - Navigation bar

    In the previous article, I will talk about the use of Bootstrap based on a landscape web page I made. The web page screenshot is as follows: The effects and code of the complete web page can be viewed here or viewed on CodePen. The main effects to be achi
    2025-07-23
  • Clever method JavaScript to get the absolute URL address of the hyperlink

    Clever method JavaScript to get the absolute URL address of the hyperlink

    For web programmers, dealing with simple URL formats may be a nightmare. Just imagine that there are many components in a URL that will affect your parsing method: ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・�
    2025-07-23
  • Comprehensive analysis of the usage methods of tooltip and popover in Bootstrap

    Comprehensive analysis of the usage methods of tooltip and popover in Bootstrap

    1. Tooltip (prompt box) source code file: Tooltip.jsTooltip.scss implementation principle: 1. Get the positioning information of the element of the tooltip to be displayed (top, left, bottom, right, width, height, etc.) 2. Calculate the bits of the toolti
    2025-07-23
  • JSP display instance analysis based on Bootstrap pagination

    JSP display instance analysis based on Bootstrap pagination

    First, let’s introduce a simple and neat paginator: bootstrap-paginator. You can refer to: Bootstrap Paginator. Detailed explanation of the use of the paginator paging plugin. This article is used for learning. Effect screenshot: GitHub official download
    2025-07-23
  • Solution to the problem of mostly decimals in JS decimal operations

    Solution to the problem of mostly decimals in JS decimal operations

    In the previous sentence: I helped my colleague solve a problem today, that is, the problem of many decimal places appearing in multiplication of decimals; I have encountered this problem before, so I will summarize it specifically; Number type: Number ty
    2025-07-23
  • Bootstrap3 creates picture carousel effect

    Bootstrap3 creates picture carousel effect

    Let’s take a look at the Bootstrap picture carousel effect: the above is the effect shared by everyone, but this is the homepage of NetEase Cloud Music. Remember to first appear in the official control library of ios7, and Android also added this view to
    2025-07-23
  • JavaScript basic functions_In-depth analysis of variables and scopes

    JavaScript basic functions_In-depth analysis of variables and scopes

    Function definition and call define functions. In JavaScript, the way to define functions is as follows: function abs(x){ if(x >=0){ return x;}else{ return -x;}}The above abs() function is defined as follows: function indicates that this is
    2025-07-23
  • JS local refresh returns to the previous page code

    JS local refresh returns to the previous page code

    To put it short, today I will introduce a method to implement this function. Friends who need to know can refer to the following: 1. JS reload page, refresh locally, return to the previous page code as follows: <a href="javascript:history.go(-1)">Return t
    2025-07-23
  • JavaScript realizes the waterfall loading effect of imitating Baidu pictures

    JavaScript realizes the waterfall loading effect of imitating Baidu pictures

    Since there is no server, I use a json string as the source of the image data loading when pulling down html:<!DOCTYPE html><html><head>
    2025-07-23