Shulou(Shulou.com)06/02 Report--

This article mainly introduces the relevant knowledge of html5 how to achieve picture rotation, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe you will gain something after reading this html5 article on how to achieve picture rotation. Let's take a look at it.

1. First, we create a new html file in the development tool with the following code:

Broadcast map

two。 After completion, we need to add a div tag to the main part of the html, set the width and height of the box to fit the image, and add the img tag to the div tag, and enter the required image path into the img tag, as shown in the code:

Broadcast map

3. When we are done, we use the embedded method to set the style and add the css style we need in the header to achieve the control effect. The code is as follows:

Img {width: 600px; height: 450px;}

4. After completing the above steps, we can see our picture effect on the preview page, so next we add the js event onload to the body tag, that is, when we load the page, we call the corresponding method of the value of onload, and then we add an id attribute for img, which is convenient for our next step! The code is as follows:

Img {width: 600pxX height: 450px;}

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.