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

Implement a distance tracker using HTML5 Geolocation

HTML5 Geolocation is used to locate the user's location. So how to implement a distance tracker? My idea is this. The premise is that the browser supports h5 geolocation. On this basis, the user's location is obtained, the user's location is u

2025-01-29
Detailed explanation of canvas-based video mask plug-in

Add an overlay to a video to block a certain area of the video. During a certain time period of the video, such as the 10th to 20th minutes, the delimited area will not be displayed. Application scenarios include blocking satellite TV icons, blocking ad

2025-01-29
JS converts numbers into three-digit comma-separated styles (sample code)

Copy the code as follows: function formatNum(num){ if(!/^(/+|-)?(/d+)(/./d+)?$/.test(num)){alert("wrong!") ; return num;} var a = RegExp.$

2025-01-29
Sample code for javascript to obtain the current value of select (compatible with IE/Firefox/Opera/Chrome)

JavaScript gets the current value of Select: var value = document.getElementById("select").options[document.getElementById("select").options.

2025-01-29
js method to determine whether the client is an iOS or Android mobile terminal

Judgment principle: JavaScript is the main language for front-end development. We can judge the type and version of the browser by writing JavaScript programs. There are generally two methods for JavaScript to determine the browser type. One is to disting

2025-01-29
Use JS to control the up, down, left and right keys of the keyboard (sample code)

This is a basic JS code. Friends who want to learn JS can study it or expand it. It is best to use JS to control the entire keyboard, which will be very interesting. The specific code is as follows: Copy the code and the code is as follows: <style>tr.high

2025-01-29
Puzzle game implemented with HTML5 drag and drop function

The specific code is as follows: <!DOCTYPE html><html><head><meta charset=utf-8><title> drag drag

2025-01-28
Example code for defining strings in javascript

Copy the code code as follows:<html><head><title> The definition of string in javascript</title><script> //定义字符串 //第一种 var str = new Array(); alert(str);//空字符

2025-01-28
js lottery to achieve random lottery code effect

Randomly selected, simple code. Copy the code code as follows:<html><title> Random lottery procedure</title><head><meta http-equiv=Content-Type content="text/html; charset=gb2312">

2025-01-28
JS sample code to close the web page window directly without prompting

In IE7 and IE8, the current window or tab can be closed using the close() method provided by JavaScript, but an annoying dialog box is prompted. After looking for the code, I can finally close it directly without prompting. JavaScript code copy code is as

2025-01-28
Example of how to easily implement full-screen video background using HTML5

Want to play a video full screen on your homepage? This video is used as the background of the web page and does not affect the normal browsing of the web content. Then let me tell you that there is a Javascript library that suits your needs, it is Bideo.

2025-01-28
Implementation of barrage component based on Canvas+Vue

Recently, because the project needed to customize a barrage function, I tried to use canvas to develop components. After testing, there is no obvious lag in the effect on some low-end machines. Let me share with you the introduction of the barrage effect

2025-01-28
A simple example of js validating integers plus retaining decimal points

Copy the code as follows: function validateNum(obj) {//Positive integer (cache is used here) var number = obj.data(validate).number;//Decimal point (cache is used here) var decimal = obj.d

2025-01-28
JavaScript date formatting example sharing

Copy the code code as follows:/** * Formatted date * @param {Object} ms represents the number of milliseconds in global standard time between the specified date and midnight on January 1, 1970 * @return year-month-date hh:mm */ Util.pa

2025-01-28
A brief discussion on WebWorkers in Html5 multi-thread development

We all know that the browser executes js code in a single thread. When the page step is executed, the page cannot respond to anything else until the step ends. The WebWorkers introduced here can change everything. WebWorkers are js codes that run in the b

2025-01-28

Prev 594 595 596 597598599 600 601 602Next