网页html5图片拖拽分组代码

3、/1.jpg">

4、6.jpg">

5、s/11.jpg">你可以看到这里我们设定了3个开放的drop对象和12个图片。我们将可drop的区域使用属性droppable来标示，并且将可drag的对象用draggable来标示。CSS代码接下来我们设置页面的样式。/*PhotoGallerystyles*/.gallery{   margin:50pxauto0;  

6、 width:840px;}.gallerya{   display:inline-block;   height:135px;   margin:10px;   opacity:1;   position:relative;http://www.fwjx5.com/范文网收集   width:180px;   -khtml-user-drag:element;   /*CSS3Preventselections*/   -moz-user-select:none;   -webkit-user-select:non

7、e;   -khtml-user-select:none;   user-select:none;   /*CSS3transitionrules*/   -webkit-transition:all0.5sease;   -moz-transition:all0.5sease;   -o-transition:all0.5sease;   transition:all0.5sease;}.galleryaimg{   border:8pxsolid#fff;   border-bottom:20pxsolid#ff

8、f;   cursor:pointer;   display:block;   height:100%;   left:0px;   position:absolute;   top:0px;   width:100%;   z-index:1;   /*CSS3Boxsizingproperty*/   -moz-box-sizing:bor