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

This article is about how to use HTML5 to implement drag-and-drop functionality. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Question: suddenly, I want to add a collection (something similar to a shopping cart) to the movie website, which can be added by dragging pictures.

Premise: need to know HTML5 China LoaclStrorage (of course, other web storage is fine, I use LocalStroage)

Solution: here, the main emphasis is on the details of the drag-and-drop function. Html and css can work on their own.

First of all, here is to click the favorites button to show the new p box (store the favorite movies), and click to hide the p box twice. There is not too much introduction here.

Set properties for pictures that can be dragged: the draggable property and the ondragstart event

Varpic_list=document.getElementsByClassName ("middle_content") [0]

Varpic_list_li=pic_list.getElementsByTagName ("li")

For (vari=0;i

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.