¿Cómo utilizar html+css+js para lograr el efecto de gráfico giratorio?

El siguiente es un ejemplo simple de cómo usar html+css+js (javascript) para completar la función de gráfico giratorio. Los amigos interesados ​​pueden echarle un vistazo.

1 Primero cree un archivo html. En la imagen a continuación, lo creé en html5, por lo que parece muy simple.

2 Luego agregue una etiqueta div en el cuerpo del html, luego agregue una etiqueta img debajo de la etiqueta y establezca el ancho y alto del img.

3 Luego, podemos agregar código de estilo CSS debajo del encabezado html para controlar la visualización del div.

4 A continuación, agregue el evento js onload en la etiqueta del cuerpo, es decir, al cargar la página, llame al método correspondiente al valor de carga, que es init () en la imagen. Luego agregue el atributo id a img para que podamos obtener la etiqueta del elemento a través de getElementById (valor de id).

5 luego pasa