current location:Home > Technical Articles > Web Front-end > H5 Tutorial

  • Sample code for text scrolling in html5
    Sample code for text scrolling in html5
    This article introduces the use of HTML5 technology to implement text scrolling. Next, we introduce the marquee tag. The marquee tag is a major contributor to text scrolling. Commonly used attributes are as follows: directory specifies the scrolling direction (default is left) behavior specifies the scrolling method (default is scroll) )Hspace&nbsp..
    H5 Tutorial 2675 2017-10-23 10:16:58
  • Introduction to several new background attributes and text attributes in html5
    Introduction to several new background attributes and text attributes in html5
    ①background-size: specifies the size of the background image; values: pixel value, percentage, auto, cover, contain ②background-origin: specifies the starting position of the background image;
    H5 Tutorial 1868 2017-10-23 10:11:54
  • Sample code for implementing a chat room with socket.io in HTML5
    Sample code for implementing a chat room with socket.io in HTML5
    This article introduces in detail the sample code for implementing a chat room with socket.io in HTML5, which has certain reference value. Let me take a look at it together~
    H5 Tutorial 1939 2017-10-23 10:07:45
  • Three ways to clear the canvas in html5
    Three ways to clear the canvas in html5
    This article mainly introduces the HTML5 clearing canvas method (three methods). The editor thinks it is quite good. Now I will share it with you and give it as a reference. Let’s follow the editor and take a look.
    H5 Tutorial 3510 2017-10-17 10:28:03
  • Examples of H5 implementing desktop notification and prompt functions
    Examples of H5 implementing desktop notification and prompt functions
    This article mainly introduces the implementation of desktop notification prompt function in HTML5. It is very good and has reference value. Friends who need it can refer to it.
    H5 Tutorial 2867 2017-10-16 11:14:00
  • Detailed explanation of the use of HTML5's classList attribute to operate CSS classes
    Detailed explanation of the use of HTML5's classList attribute to operate CSS classes
    This article mainly introduces the detailed explanation of using the classList attribute of HTML5 to operate CSS classes. The editor thinks it is quite good, so I will share it with you now and give it as a reference. Let’s follow the editor and take a look.
    H5 Tutorial 2535 2017-10-16 11:13:23
  • How to create a three-dimensional navigation bar with CSS
    How to create a three-dimensional navigation bar with CSS
    <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Create three-dimensional navigation with CSS</title> <link rel="stylesheet" href="http:/ /www.w3cplus.com/demo/css3
    H5 Tutorial 1615 2017-10-16 10:57:10
  • Vue cross-domain solution
    Vue cross-domain solution
    In the vue project, when the front-end and back-end perform data requests or submissions, if the back-end does not have cross-domain settings, the front-end will report "No 'Access-Control-Allow-Origin' header is present on the requested resource" when debugging the code locally. ” This kind of cross-domain error.
    H5 Tutorial 2324 2017-10-16 10:43:56
  • Problem with floating elements
    Problem with floating elements
    Floating of child elements will cause the parent element box to be unable to be opened, causing the style of the parent element to be unable to be displayed. Here are several methods to clear floating.
    H5 Tutorial 1717 2017-10-16 10:41:09
  • Solution to flashing button click on ios
    Solution to flashing button click on ios
    On the iOS side, there is a 300ms delay in triggering the click event on the Safari browser. The style added for touch will conflict with the click and cause flickering problems. The corresponding sequence of touch events in Safari is as follows: touchstart --> touchmove --> touchend - -> click(300ms) At this time, you can try the following style to cancel the default style of click event to eliminate the page flickering problem.
    H5 Tutorial 2466 2017-10-16 10:36:15
  • Flexible box model-understanding of container properties
    Flexible box model-understanding of container properties
    The traditional layout scheme is based on the boxed model and relies on the display attribute + position attribute + float attribute. It is very inconvenient for those special layouts. For example, vertical centering is not easy to achieve. In 2009, W3C proposed a new solution - Flex layout, which can realize various page layouts simply, completely and responsively. Currently, it is supported by all browsers, which means it is now safe to use this feature. Elements that use Flex layout are called Flex containers (flex containers), or "containers" for short. All its child elements automatically become container members, called Flex items (flex items).
    H5 Tutorial 2097 2017-10-16 10:31:32
  • Introduction to BootStrap basic styles
    Introduction to BootStrap basic styles
    Use of Bootstrap basic styles 1. Preparation 1. Responsive layout Bootstrap is a responsive layout framework that can automatically adapt to the display modes of different device sizes. How to use: Introduce the following code into the head tag:
    H5 Tutorial 3793 2018-10-13 15:17:23
  • About the implementation of automatic playback effect of background music in h5
    About the implementation of automatic playback effect of background music in h5
    The autoplay properties of music are also introduced here: <audio controls="controls" autoplay="autoplay"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3 " type="audio/mpeg" /> Your browser
    H5 Tutorial 4714 2017-10-16 10:14:46
  • HTML5 explanation of dataTransfer object
    HTML5 explanation of dataTransfer object
    HTML5 drag and drop data transmission Although native drag and drop is implemented through dragstart, drag and dragend events. But this is just drag and drop. There are still some drag and drop problems in IE6 and IE7, and data exchange is not implemented. In order to realize the exchange of data, IE5 introduced the dataTransfer object.
    H5 Tutorial 3256 2017-10-15 10:57:14
  • Summary of Tomcat uninstallation and problems that arise during the process
    Summary of Tomcat uninstallation and problems that arise during the process
    First of all, my computer is win8 and Tomcat 9 is installed. Because I accidentally clicked something wrong before, tomcat suddenly failed to start, so I planned to uninstall and reinstall. During the reinstallation process, I encountered the following problems: 1. According to the normal To operate the uninstall process, enter sc delete Tomcat9.0.0.0 in the command prompt and click Enter. [SC] OpenService fails: 1060 The specified service is not installed. Error reason: The entered service name is the Tomcat9 above.
    H5 Tutorial 6398 2017-10-14 09:35:16

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28