Web design tutorial_Professional web design basic and advanced tutorial-Downcodes

English

中文(简体) 中文(繁体) 한국어 日本語 English Português Español Русский العربية Indonesia Deutsch Français ภาษาไทย

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 Canvas drawing floating ball effect

Recently, I have been paying attention to blockchain information, wandering around, and accidentally saw the effect of the homepage of this website. It is a bunch of floating balls. When the ball is close, there will be a sensing line connected to it. The

2025-02-01
Mobile Html5 page generation image solution

Nowadays, there are many WeChat public account operation activities, and there is a need to generate pictures. After the pictures are generated, they can be sent to friends and circulated in Moments, which is conducive to product promotion! 1. You can use

2025-02-01
The specific implementation code of js imitating hover

Copy the code code as follows:<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="description" content="this" />

2025-02-01
IE's event transmission -event.cancelbubble example Introduction

Regarding Event.cancelBubble, because the objects in HTML are all hierarchical structures, such as one Table contains multiple TR, one TR contains multiple TD Bubbles, which is a event that can be passed from a sub -node to a father node. For example The

2025-02-01
Simple example of js date is relatively small

1. JS code copy code code compared with date is as follows: <script>var beginDate=$("#beginDate").val(); var endDate=$("#endDate").val(); var d1 = new Date(be

2025-02-01
js simulates clicking and submitting a form as an example, compatible with mainstream browsers

In actual application development, we often use JS module events, but sometimes we encounter some problems, such as click events. For a simple example, click the "Submit" button outside the form to submit the form. Let’s code. Html: Copy the cod

2025-02-01
SVG sample code to implement colorful ring countdown effect

We often see ring countdowns, and there are many ways to implement them. But this article will introduce a new implementation method, using SVG to implement the countdown function. This article mainly uses the stroke-dasharray and stroke-dashoffset featur

2025-02-01
Issues related to the adaptation of HTML5 pages to iPhoneX

1. Introduction to iPhone Develop the magnification relationship of size, but this is only an external manifestation. The influencing factors of the double graph core

2025-02-01
Realization box effect based on HTML5 Canvas

When the user mouse is moved, there is a pop -up frame. This demand is very common. This is simple when dealing with HTML elements, but if it is processed by the graphics composed of HTML5 Canvas, this method is no longer applicable, because Canvas uses a

2025-02-01
In HTML5, li-canvas can be used to easily realize single picture, multiple pictures, rounded corner picture drawing, single line text, multi-line text, etc.

The newly added canvas of Html5 is a powerful function. It is estimated that everyone uses it every day, but the frequency is not high. Occasionally, it is used to synthesize pictures. However, if it is not encapsulated, the code will be very messy, so th

2025-02-01
JS implementation is calculated based on the age of birth

Copy code code as follows:<script language=javascript> function ages(str) { var r = str.match(/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/); i

2025-02-01
JS Get the position of the cursor position and set the text box cursor position code

Copy code code as follows: <script type="text/javascript">function getTxt1CursorPosition(){var oTxt1 = document.getElementById("txt1");var

2025-02-01
The HTML5 mobile page can slide to the right, causing the style to be affected.

Description of the problem: It is found that the written h5 page can slide to the right on the mobile phone, resulting in style problems ~ Problem troubleshooting reason 1: There is no mobile terminal adaptation. Add the following content in the html head

2025-02-01
Example of folding navigation implemented in js

Copy the code code as follows: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2025-02-01
Mini program waterfall flow solves the problem of too large height gap between the left and right sides

If we want to achieve a waterfall flow layout effect and display it in order from left to right, the CSS layout method cannot meet our needs for the time being. Refer to the waterfall flow effect of Xiaohongshu. Xiaohongshu is divided into left and right

2025-01-31

Prev 49 50 51 525354 55 56 57Next