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

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
js timer setTimeout cannot call local variables solution

The usage of the timer setTimeout in JavaScript is generally as follows. After calling beginrotate, it enters a process of regularly executing rotateloop, as shown in the following code: Copy the code and the code is as follows: var angle = 0; function ro

2025-01-31
Use PhoneGap to obtain some information methods of the device

The name of the name of the Device.Name device Device.phonegApphoneGap version of the type Device.platform device device.uuid device's only identification number of the operating system run by Device.version is assigned to Wind to Wind

2025-01-31
Javascript changes CSS styles (local and global)

1. There are three methods for partially changing the style: changing the style directly, changing className and changing cssText. Changing className: document.getElementById('obj').className="..." Changing cssText: document.

2025-01-31
Sample code for iframe scaling on the mobile side

I encountered a strange problem at work. After struggling for a long time, I finally solved it. Here I record the analysis ideas and solutions. The project is to build a responsive company official website. After the static image page was cut out in the e

2025-01-31
Complete the search function in the html page

Recently, I have been engaged in a framework that has been changed by many people. I look at the dizziness of the head and look at the code every day, but I feel that the progress is quite large. I made a background to configure the front desk to view the

2025-01-31
JS implemented MAP method example code

Copy code code as follows: / ** * * Description: MAP method implemented by js * @ReturnS {map} * / function map () {var Struct = function (key, value) {this.Key = key;

2025-01-31

Prev 52 53 54 555657 58 59 60Next