js图片拖动交换位置

css

*{
    padding: 0;
    margin: 0;
    list-style: none;
}
#box{
        width: 748px;
        border: 1px solid red;
        margin: 0 auto;
        background-color: #f8f8f8;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
}
#box>li{
        width: 120px;
        height: 140px;
        background-color: #fff;
border-radius: 4px;
        font-size: 50px;
        text-align: center;
        line-height: 140px;
        margin: 20px 0 0 20px;
        cursor: move;
        border: 2px solid #fff;
        user-select: none;
        position: relative;
}
#box>li:hover{
        border-color: #999999;
}
#ddd{
        width: 120px;
        height: 140px;
        background-color: #999;
        bor