html5网站怎么实现不一样大小的图片可以无缝隙拼接

html-css013

html5网站怎么实现不一样大小的图片可以无缝隙拼接,第1张

那就是相当于瀑布流了,最好是分列,固定好每一列的列宽,然后图片分列排列,就能无缝拼起来。

也可以计算好大小位置(position:absolute固定死),可参看小乐图客的拼图功能。

可以用css+jQuery来做,当然html5现在已经具有了拖动的功能,你也可以去了解一下,这个是案例:http://www.w3school.com.cn/tiy/t.asp?f=html5_draganddrop

如果用老方法完成,就要用到mousedown,onmousemove及mouseup三个事件,当触发当前元素的mousedown事件时,你给当前元素设置层级关系为最高并且允许拖动!