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

Press Enter to move focus to the next control's implementation js code

Copy the code code as follows:<html><head><title> Enter2Tab</title><script type="text/javascript"> window.onload=function(){ var list = ne

2025-01-18
Analysis and usage examples of window.open full-screen command in JS

1. Code example Copy the code as follows: window.open(url,'new window','width='+(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30) +

2025-01-18
Implementation method of simulating long press event in HTML5 on mobile terminal

Why I wrote this article I recently received a request to long press a label to display a floating delete button. This requirement is actually very common on apps, but in mobile h5, we don’t have a long press event, so we need to simulate this event ourse

2025-01-18
Detailed explanation of left and right width fixed middle adaptive html layout solution

This article introduces the detailed explanation of the left and right width fixed middle html">adaptive html layout solution and shares it with everyone. The details are as follows: a. Use floating layout html structure as follows<div class=box><

2025-01-18
HTML5 and small programs implement the functions of rotating, compressing and uploading photos

Original address: github.com/whinc/blog/… I recently received a request to post a comment: the user enters a comment and can take a photo or select a picture from the album to upload, that is, it supports graphic and text comments. It needs to be implemen

2025-01-18
HTML5 video playback (video), JavaScript control video example code

The specific code is as follows:<html lang=en><head><meta charset=UTF-8><title> Documenttitle><style>figcaption {text-align: center;line-height:

2025-01-18
Use javaScript to realize pop-up form selection information by clicking on the input box

Here is the source code, no style processing has been done, but the function is ok, I hope everyone can communicate with me! Copy the code code as follows:<html><head><title> Click to pop up DIV selection information</title>

2025-01-18
JavaScript gets the maximum value of xml node (implementation code)

Assume that the current time is now 7000 milliseconds. When the time is 3000--6000, the value of 3000 is taken. When the time is 6000--9000, the value of 6000 is taken, that is, the maximum value in the xml file that is less than the current time is taken

2025-01-18
JavaScript pop-up layer input box (sample code)

As shown below: Copy the code The code is as follows:<script language="javascript" type="text/javascript"> function alertWin(title, msg, w, h) { var titleheigh

2025-01-18
Deeply understand the role of defer in javascript

Many people are already proficient in using Javascript, but when they see defer, they may not know what it is used for; many people have also encountered such a problem, and they need to directly execute other js and manipulate DOM objects and always repo

2025-01-18
How to implement modular loading of traditional HTML pages

For websites, there are a large number of shared modules between many pages, such as headers, footers, user columns, etc. For frameworks with back-end view engines, these sharings are relatively easy to extract. For example, asp.net mvc has unified layout

2025-01-18
A brief discussion on trying out the dialog element in HTML5

Dialog boxes (also known as modal boxes and floating layers) are an important part of user interaction in web projects. The most common ones we use are alert() and confirm() in js. However, this dialog box is not beautiful and cannot be customized. style,

2025-01-18
Sample code for implementing gashapon machine animation effects using canvas

In the blink of an eye, I have been an intern for two months. The company has a membership day event every month. This month’s task is to do a gashapon machine lottery event. There are interfaces for data and so on, so what is left on the front end? The b

2025-01-18
Summary of html5/css3 responsive page development

1. The difference between adaptive and responsive. Adaptive is a set of templates that adapt to all terminals, but the layout seen on each device is the same, commonly known as width adaptive. A set of responsive templates adapts to all terminals, but the

2025-01-18
Javascript modification table background color example code sharing

Copy the code code as follows:<html><script> //点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.get

2025-01-18

Prev 16 17 18 192021 22 23 24Next