jQuery图片拖拽网格布局

1、新建html。

3、书写css样式。<style type="text/css">.item_content ul{list-style:none;}.item_content ul li{width:200px;height:160px;float:left;margin:10px }.item_content{width:740px;height:auto;border:1px solid #ccc;float:left;}.item_content .item{width:200px;height:120px;line-height:120px;text-align:center;cursor:pointer;background:#ccc;}.item_content .item img{width:200px;height:120px;border-radius:6px;}.close{display:block;width:20px;height:20px;top:0;right:0;z-index:9999;position:absolute;text-align:center;font-size:16px;cursor:pointer;color:aliceblue;}</style>

7、查看效果。